JavaScript提高性能知識點匯總_javascript技巧

在HTML文件中，

讓我們通過代碼解釋這個問題：

針對以上方法進行一次改寫：

五、減少Dom的重繪重排版

元素布局的改變或內容的增刪改或者瀏覽器窗口尺寸改變都將會導致重排，而字體顏色或者背景色的修改則將導致重繪。
對于類似以下代碼的操作，據說現代瀏覽器大多進行了優化(將其優化成1次重排版)：

針對多重操作，以下三種方法也可以減少重排版和重繪的次數：

1.Dom先隱藏，操作后再顯示 2次重排 (臨時的display:none)

2.document.createDocumentFragment() 創建文檔片段處理，操作后追加到頁面 1次重排

3.var newDOM = oldDOM.cloneNode(true)創建Dom副本，修改副本后oldDOM.parentNode.replaceChild(newDOM,oldDOM)覆蓋原DOM 2次重排

六、循環的優化

這應該是較多人都知道的寫法了，簡單帶過即可(后面還是用代碼+注釋形式說明)~

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com