在短时间中在页面中添加大量的dom节点让浏览器出现卡顿,解决的方案可以将1秒钟创建1000个节点,改为200ms创建8个节点,这样就实现了分时函数
var timeChunk = function(arr, fn, count){//参数分别为传入的数据,执行的函数,每次执行的数量
var obj;
var t;
var len = arr.length;
var start = function(){
for(var i=0; i<Math.min(count || 1 , len); i++){//判断执行多少次
var obj = arr.shift();
fn(obj);
}
};
return function(){
t = setInterval(function(){
if(len === 0){
return clearInterval(t);
}
start();
}, 200);
};
};
本文介绍了一种通过分时创建大量DOM节点来避免浏览器卡顿的技术。通过将一次性创建大量节点的操作拆分为多次少量创建,有效缓解了浏览器性能压力。
2759

被折叠的 条评论
为什么被折叠?



