页面加载进度条pace.js
Pace.js是一个非常有意思的js插件，可以自动的监听页面的加载数据，并且能够定制加载条。最重要的一点，它还可以监测到ajax的调用并且出现加载条提示。它还可以引入加载进度条的主题样式，你可以选择任意颜色和多种动画效果（例如简约、闪光灯，MAC OSX，左侧填充，顶部填充，计数器和弹跳等等动画效果）。
1、引入插件相关的Pace.js和Pace.css
1 2 | <script src="/pace/pace.js"></script> <link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" /> |
这样基本的就可以了。当然也支持自定义
2、Pace.js配置，监听的元素：Ajax、Elements、Document、Event Lag
在引入之前，写下一下文件，
1 2 3 4 5 6 7 8 | paceOptions = { ajax: false, // disabled document: false, // disabled eventLag: false, // disabled elements: { selectors: ['.my-page'] } restartOnRequestAfter: false } |
或者直接在标签里面定义属性
1 | <script data-pace-options='{ "ajax": false }' src='pace.js'></script> |
pace.js官网：http://github.hubspot.com/pace/
附：css3动画库animate.css介绍和使用
2019年5月5日 下午7:52
哇塞，居然是沙发？留个名
2019年5月11日 上午12:14
前排留名，先回再看。等了好久额的新文章。