Nprogress是一个JavaScript写的显示页面载入进度的小插件,github地址点这里
用法很简单,效果很棒。
适合放进自己的搭的独立博客,非常酷炫。
知道这个东西后去github上大致看了下代码,核心代码很少,简单明了。
原理也很简单,想想就明白了。首先,之前我对这个好奇是想这个插件是怎么去判断加载进度的?后来想想原来这个玩意根本不能知道加载了多少,只是加载开始调用start,加载完成后调用done,中间具体加载到哪了,谁也不知道。于是问题就好办了。在加载完成之前就一直加载,但是别加载完了。如果你调用了start,没有done,默认的代码里面写的是慢慢往前随机走,但是不会加载完,加载到95%就停下了,直到done的调用才会咻的一下加载完~
由于对js的研究不够深入,所以也不对代码做更多的解释,此文只用来说明今天又找到个好玩的东西,仅此而已。