国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

減少訪問DOM的次數(shù)提升javascript性能

2024-05-06 16:01:38
字體:
供稿:網(wǎng)友
訪問修改DOM元素都會導(dǎo)致瀏覽器重新計(jì)算頁面的幾何變化,下面為大家介紹下javascript性能提升方法,需要的朋友可以參考下

訪問DOM元素是有代價(jià)的,修改DOM元素則更為昂貴,因?yàn)樗鼤?dǎo)致瀏覽器重新計(jì)算頁面的幾何變化。

當(dāng)然,最壞的情況是在循環(huán)中訪問修改元素,尤其是對HTML元素集合循環(huán)操作。

例如:

復(fù)制代碼 代碼如下:


<!-- 優(yōu)化前 -->
<script type="text/javascript">
function innerHTMLLoop () {
for(var count = 0; count < 15000; count++){
document.getElementById('here').innerHTML+='a';
}
}
</script>


這個(gè)函數(shù)循環(huán)修改頁面元素的內(nèi)容。這段代碼的問題在于,每次循環(huán)迭代,該元素都被訪問兩次:一次讀取innerHTML屬性,另外一次重寫它。

一個(gè)效率更高的做法是使用局部變量存儲更新后的內(nèi)容,然后在循環(huán)結(jié)束后一次性寫入:

復(fù)制代碼 代碼如下:


<!-- 優(yōu)化后 -->
<script type="text/javascript">
function innerHTMLLoop () {
var content = '';
for(var count = 0; count < 15000; count++){
content+='a';
}
document.getElementById('here').innerHTML+=content;
}
</script>


訪問DOM的次數(shù)越多,代碼運(yùn)行速度越慢。因此,在有其他方案可以代替的時(shí)候,我們要盡量減少訪問DOM的次數(shù)。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 盖州市| 海兴县| 和硕县| 黑水县| 莱阳市| 安顺市| 四子王旗| 定兴县| 霞浦县| 修文县| 长治县| 大田县| 玉环县| 崇仁县| 高青县| 沿河| 乐至县| 乐陵市| 陵川县| 抚顺市| 镇远县| 新巴尔虎右旗| 冕宁县| 郸城县| 临城县| 清远市| 石景山区| 柳州市| 探索| 湾仔区| 辽宁省| 铁岭市| 江源县| 石家庄市| 南城县| 卓资县| 靖州| 新郑市| 彭州市| 凌海市| 桐庐县|