這篇文章主要介紹JavaScript高級(jí)函數(shù)應(yīng)用之如何使用分時(shí)函數(shù),文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!

具體如下:
一、前提介紹:
某些函數(shù)是用戶主動(dòng)調(diào)用的,但因?yàn)橐恍┛陀^的原因,這些函數(shù)會(huì)嚴(yán)重影響頁(yè)面的性能。
二、應(yīng)用場(chǎng)景:
在短時(shí)間內(nèi)往頁(yè)面中大量添加DOM節(jié)點(diǎn)顯然會(huì)讓瀏覽器吃不消,往往會(huì)導(dǎo)致瀏覽器的卡頓甚至假死。
三、解決方案:
以上述添加節(jié)點(diǎn)的例子來(lái)說(shuō)明問(wèn)題,我們將創(chuàng)建節(jié)點(diǎn)的工作分批進(jìn)行,比如把1秒鐘創(chuàng)建1000個(gè)節(jié)點(diǎn),改為每隔200毫秒創(chuàng)建8個(gè)節(jié)點(diǎn)。
四、實(shí)現(xiàn)代碼如下:
var timeChunk = function(ary, fn, count){
var obj,t;
var len = ary.length;
var start = function(){
for(var i=0;i<Math.min(count ||1, ary.length );i++){
var obj = ary.shift();
fn(obj);
}
};
return function(){
t = setInterval(function(){
if(ary.length === 0){ //如果全部節(jié)點(diǎn)都已經(jīng)被創(chuàng)建好
return clearInterval(t);
}
start();
}, 200); //分批執(zhí)行的時(shí)間間隔,也可以用參數(shù)的形式傳入
};
};五、調(diào)用驗(yàn)證方法
var ary = ['aa','bb','cc',.....];
var renderFriendList = timeChunk( ary, function(n){
var div = document.createElement('div');
div.innerHTML = n;
document.body.appendChild(div);
},8);
renderFriendList();以上是“JavaScript高級(jí)函數(shù)應(yīng)用之如何使用分時(shí)函數(shù)”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
文章標(biāo)題:JavaScript高級(jí)函數(shù)應(yīng)用之如何使用分時(shí)函數(shù)-創(chuàng)新互聯(lián)
標(biāo)題來(lái)源:http://www.chinadenli.net/article4/djdpoe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、定制開(kāi)發(fā)、用戶體驗(yàn)、關(guān)鍵詞優(yōu)化、服務(wù)器托管、網(wǎng)站收錄
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容