问题描述
今天给项目添加页面加载 loading 效果,但是写好 NProgress 之后却出现了一个问题:原本页面加载很快,添加 NProgress 之后,页面加载超级慢,而且在进度条加载满之后,还是加载不出来数据
寻找的解决方法
打开 NProgress 的 GitHub,可以找到 Configuration,下面有很多使用说明,可以根据自己的需要设置
我的设置是:
NProgress.inc(0.2)
NProgress.configure({ easing: 'ease', speed: 700, showSpinner: false })
其中,inc() 实现按特定值递增;easing 设置 CSS,speed 设置速度(毫秒,默认 200),showSpinner 为 false 时关闭自动增加
设置好之后,刷新页面,可以正常显示,而且进度条效果也正常
仍有疑问
但是,当我将上面的代码去掉之后,刷新页面,仍然没有问题,这就奇怪了呀
我还没有找出来原因,如果大家有知道的,可以告诉我,谢谢~~