loading.js
v0.1.1
Published
h5 images pre-load libary
Downloads
7
Readme
loading.js
H5页面加载插件
在移动端的活动页面中,一般会有大量的图片资源,为了让用户在使用过程中更流畅,一般会采用资源预加载的方式,同时在加载资源的时候给予一定的进度提示,这样用户既不会在等待的过程中感到枯燥,也不会在页面使用中出现资源及时加载卡顿的情况。
在下面的对比图中,左侧是没有采用任何预加载处理,右侧是使用了loading预加载图片。可以清晰的看到,右侧的效果虽然用户看到真正的内容相对比较晚,但是整个的体验会更顺畅一些;而左侧的效果,从视线上来讲更跳跃性。
使用方法
npm install loading.js --save
const loading = require('loading.js');
const imgs = [...];
function loadingCallback(percent, done) {
// do something with percent and done
}
loading(imgs, loadingCallback);