DOM訪問和操作的優化方法

1、最小化DOM訪問次數,儘可能在JavaScript端處理;


2、如果需要多次訪問某個DOM節點,請使用局部變量存儲它的引用;


3、小心處理HTML集合,因爲它實時聯繫着底層文檔。把集合的長度緩存到一個變量中,並在迭代中使用它。如果需要經常操作集合,建議把它拷貝到一個數組中;


4、如果可能的話,使用速度更快的API,比如querySeletorToAll()和firstElementChild


5、要留意重繪和重排;批量修改樣式時,“離線”操作DOM樹,使用緩存,並減少訪問佈局信息的次數;


6、動畫中使用絕對定位,使用拖放代理


7、使用事件委託來減少事件處理器的數量。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章