基本原理：
Repaint(重繪)就是在一個元素的外觀被改變，但沒有改變佈局(寬高)的情況下發生，如改變visibility、outline、背景色等等。
Reflow(重排)就是DOM的變化影響到了元素的幾何屬性(寬和高)，瀏覽器會重新計算元素的幾何屬性，會使渲染樹中受到影響的部分失效，瀏覽器會驗證DOM樹上的所有其它結點的visibility屬性，這也是Reflow低效的原因。如：改變窗囗大小、改變文字大小、內容的改變、瀏覽器窗口變化，style屬性的改變等等。如果Reflow的過於頻繁，CPU使用率就會噌噌的往上漲，所以前端也就有必要知道 Repaint 和 Reflow的知識。
減少性能影響的辦法：
上面提到通過設置style屬性改變結點樣式的話，每設置一次都會導致一次reflow，所以最好通過設置class的方式; 有動畫效果的元素，它的position屬性應當設爲fixed或absolute，這樣不會影響其它元素的佈局;如果功能需求上不能設置position爲fixed或absolute，那麼就權衡速度的平滑性。
總之，因爲 Reflow 有時確實不可避免，所以只能儘可能限制Reflow的影響範圍