昨天正好碰到一同学在问相关的预加载,正好分享工作中用到的app预加载,可视化百分比,已经定义多个加载前后函数的方法。
网上可下载aepto自带html5loader()方法 zepto.html5Loader.min
var firstLoadFiles = {
"files": [
{
"type": "IMAGE",
"source": "assets/images/bg/1.png",
"size": 1
}]
}
$.html5Loader({
filesToLoad: firstLoadFiles,//预加载
onBeforeLoad: function () { },
onComplete: function () {
$.html5Loader({filesToLoad: thenLoadFiles});//加载完成后执行
},
onElementLoaded: function (obj, elm) { },
onUpdate: function (percentage) {
if(percentage<100){
console.log(percentage);
//context.animation();
context.$(".part_3").html(percentage);//可视化动态加载百分比
}
}
})