重繪與迴流的優化策略

重繪：

節點發生改變而不影響佈局。如visbility，color，background-color

迴流：

頁面的佈局更新，一個Dom節點的迴流會致使其子節點，父節點，祖先節點，以及緊隨其後的節點發生迴流。迴流是影響性能的主要因素。

優化策略：

少使用如下屬性讀取: 讀取下面屬性時，瀏覽器會觸發迴流和重繪來確保得到正確的值，頻繁使用的時候採用緩存
offsetTop offsetLeft offsetWidth offsetHeight
clientTop clientLeft clientWidth clientHeight
scrollTop scrollLeft scrollWidth scrollHeight
width height

css優化

1. 避免使用table佈局
2. 在Dom樹的最末端改變class
3. 動畫效果使用在絕對定位和fix定位上
4. 避免使用css表達式

JS優化

1. 避免頻繁操做樣式，最好一次性重寫style樣式
2. 避免頻繁的操做dom元素