新聞中心
這篇文章主要介紹JavaScript高級函數(shù)應(yīng)用之如何使用分時函數(shù),文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
目前成都創(chuàng)新互聯(lián)已為上千余家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬空間、成都網(wǎng)站托管、企業(yè)網(wǎng)站設(shè)計(jì)、建安網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
具體如下:
一、前提介紹:
某些函數(shù)是用戶主動調(diào)用的,但因?yàn)橐恍┛陀^的原因,這些函數(shù)會嚴(yán)重影響頁面的性能。
二、應(yīng)用場景:
在短時間內(nèi)往頁面中大量添加DOM節(jié)點(diǎn)顯然會讓瀏覽器吃不消,往往會導(dǎo)致瀏覽器的卡頓甚至假死。
三、解決方案:
以上述添加節(jié)點(diǎn)的例子來說明問題,我們將創(chuàng)建節(jié)點(diǎn)的工作分批進(jìn)行,比如把1秒鐘創(chuàng)建1000個節(jié)點(diǎn),改為每隔200毫秒創(chuàng)建8個節(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五、調(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高級函數(shù)應(yīng)用之如何使用分時函數(shù)”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)頁名稱:JavaScript高級函數(shù)應(yīng)用之如何使用分時函數(shù)
文章網(wǎng)址:http://www.dlmjj.cn/article/pdghhs.html