NProgress的坑,只能转Pace
折腾了一通宵,就因为这NProgress.js,这是一个无比帅气的插件,但就是这个插件使用后(一般结合TurboLinks.js和jquery.turbolinks.js实现页面更真实的加载进度),新页面的请求将不会对你页面所需的js和CSS文件进行请求,就意味着页面样式的崩溃。
因为在前台操作的时候,类似的页面用的同样的样式,因此客户端浏览器有缓存样式文件,因此没有问题的显现。但当从前台跳转至后台管理时,问题显现了:没有请求样式文件,管理后台首页崩溃。于是我尝试着在admin文件夹下的index.php里增加判断条件,如果不是从登录页面以及当前页面再刷新得到的,就刷新当前页面,导致的结果的是无止境的302重定向。于是用了echo js脚本,但可惜的是Typecho的request类的相应方法的return不能和字符串乖乖的拼接。导致js脚本失效。
睡了一觉,1小时前起床,换了Pace.min.js,根据官方样式修改、融合,修改了颜色和转动圆的大小。
Pace不同于NProgress,NProgress是整个页面的加载过程,而Pace更像是页面跳转后的加载过程,加载JQuery、JS、CSS、图片等文件资源(具体有待研究,只是个人感觉)。当然我没尝试过
$(document).ready
window.onload
来绑定使用NProgress,不知道这么绑定会不会出问题。反正我现在是不想试了。
转载需经作者允许并注明出处(http://blog.hiunique.com/fontend/4.html)
来自:你好创造者
真的是很坑,唉。一把泪