高性能javascript-dom編程筆記

訪問和操做dom是現代web應用的重要部分。但每次穿越鏈接ecmascript和dom兩個島嶼之間的橋樑，都會被收取「過橋費」。爲了減小dom編程帶來的性能損失，請記住如下幾點：

一、最小化dom訪問次數，儘量在javascript端處理。

二、若是須要屢次訪問某個dom節點，請使用局部變量存儲它的引用。

三、當心處理html集合，由於它實時聯繫着底層文檔。把集合的長度緩存到一個變量中，並在迭代中使用它。若是須要常常操做集合，建議把她拷貝到一個數組。

四、若是可能的話，使用速度更快的api，好比querySelectorAll（）和firstElementChild.

五、要留意重繪和重排；批量修改樣式時，「離線」操做dom樹，使用緩存，並減小訪問佈局信息的次數。

六、動畫中使用絕對定位，使用拖放代理。

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