欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

優(yōu)化javascript的執(zhí)行速度

 更新時間:2010年01月23日 23:47:26   作者:  
這個是我在網(wǎng)上找的資料,具體的出處,我已經(jīng)記不清楚了,覺得很不錯,就和大家分享了
1:修改循環(huán)的執(zhí)行方式

for(var i=0;i<element.childNodes.length;i++){
執(zhí)行代碼
}
這種方式每次循環(huán)都要取element.childNodes.length的值,應(yīng)該改為如下的
var n=element.childNodes.length
for(var i=0;i<n;i++){
執(zhí)行代碼
}

2:修改dom操作的次數(shù)
dom批量插入一批類似的節(jié)點不如先構(gòu)造一個對象,插入一次
比如下面這種方法就是合理的:
var div=document.createElement("div");
for(var i=0;i<10;i++)[

var element=document.createElement("a");
a.href="";
div.appendChild(element);

}
//構(gòu)建好對象后一次插入
document.body.appendChild(div);
3:減少對象的引用層次,可以減少瀏覽器對對象解析的復(fù)雜度

比如一個方法為 net.Loader.LoadXml(params)
不必每次都這么使用,可以
var loadXml=net.Loader.LoadXml;
loadXml(params);

相關(guān)文章

  • Javascript的this用法

    Javascript的this用法

    本文主要介紹了Javascript的this用法,具有很好的參考價值,有需要了解的朋友可以看看
    2017-01-01
  • JavaScript中閉包的4個有用技巧分享

    JavaScript中閉包的4個有用技巧分享

    當(dāng)談到JavaScript編程中的高級概念和技巧時,閉包(Closures)是一個重要而有趣的主題,閉包是一種函數(shù)與其創(chuàng)建時的詞法環(huán)境的組合,它允許我們捕獲和保留局部變量,并在函數(shù)之外使用它們,在這篇文章中,我們將深入探討JavaScript中閉包的4種有用技巧
    2023-10-10
  • discuz中用到的javascript函數(shù)解析

    discuz中用到的javascript函數(shù)解析

    discuz中用到的js不論是多瀏覽器兼容性和實用性都是非常不錯的,推薦大家看下
    2008-05-05
  • js取滾動條的尺寸的函數(shù)代碼

    js取滾動條的尺寸的函數(shù)代碼

    js取滾動條的尺寸的函數(shù)代碼,需要的朋友可以參考下。
    2011-11-11
  • innerHTML中標(biāo)簽可以換行的方法匯總

    innerHTML中標(biāo)簽可以換行的方法匯總

    本文給大家分享的是一個在javascript中使用innerhtml輸出的時候如何實現(xiàn)換行的小技巧,其實很簡單,在需要換行的地方加上\即可
    2015-08-08
  • 事件模型在各瀏覽器中存在差異

    事件模型在各瀏覽器中存在差異

    根據(jù) W3C DOM 2 Events 描述,EventTarget 接口被所有支持 DOM 事件模型的節(jié)點(Node)實現(xiàn)。 該接口提供addEventListener 和removeEventListener方法,用來綁定或解綁一個 EventListeners 接口到一個 EventTarget。
    2010-10-10
  • js實現(xiàn)省市級聯(lián)效果分享

    js實現(xiàn)省市級聯(lián)效果分享

    這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)省市級聯(lián)效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-08-08
  • Bootstrap3 圖片(響應(yīng)式圖片&圖片形狀)

    Bootstrap3 圖片(響應(yīng)式圖片&圖片形狀)

    這篇文章主要介紹了 Bootstrap3 圖片 響應(yīng)式圖片和圖片形狀的相關(guān)資料,需非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2017-01-01
  • Javascript----文件操作

    Javascript----文件操作

    Javascript----文件操作...
    2007-01-01
  • Javascript執(zhí)行流程細(xì)節(jié)原理解析

    Javascript執(zhí)行流程細(xì)節(jié)原理解析

    這篇文章主要介紹了Javascript執(zhí)行流程細(xì)節(jié)解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-05-05

最新評論