pace.js页面载入进度条插件

本文简要介绍了插件pace.js。

当你介绍pace.js进入页面后,页面会自动监测您的要求(包括AJAX请求),和网页记录进展情况将记录在事件循环滞后。这个插件的兼容性很好,可以与所有主要的插件在IE8的兼容,其强大的是,你也可以介绍的主题风格加载进度条,你可以选择任何颜色和各种动画效果(如简单,Flash,Mac OSX上填充,左侧填充、计数器和弹跳动画等),如果你擅长CSS动画,你可以使动画的无限可能性,添加个性化的功能到你的网站!


调用方法:

对pace.js引言和主体文件可以用如下:








自定义配置:

的pace.js自动加载到页面,而不需要得到任何代码,它会自动检测进展。如果你想做一些调整,你可以自定义配置设置window.paceoptions:


paceoptions = { {
the'elements'source / /禁用
元素:假,
只显示普通 / ajax-y页面导航的进展,
每个请求
restartonrequestafter:假
}


您也可以将自定义设置放在脚本标记中,例如:





如果你使用AMD或Browserify加载模块,你可以设置这样的(例如:开始):


定义({ 'pace},{功能(速度)
Pace.start({
文件:假
});
});


使用API:

pace.js公共API列表:

Pace.start:进度条开始显示,这将执行默认情况下,如果你不使用AMD或Browserify加载模块。

Pace.restart:进度条的加载和显示。

Pace.stop:隐藏进度条停止加载。

pace.track:监控一个或多个请求的任务。

Pace.ignore:忽略一个或多个请求的任务。

基本上,这是常用的,还有一些其他的使用方法,你去官网看看更详细的介绍。希望这个插件能帮到你!