二、重排和重繪

二、重排和重繪

網頁生成的時候，至少會渲染一次。用戶訪問的過程中，還會不斷重新渲染。

以下三種情況，會導致網頁重新渲染。

• 修改DOM
• 修改樣式表
• 用戶事件（比如鼠標懸停、頁面滾動、輸入框鍵入文字、改變窗口大小等等）

重新渲染，就需要重新生成布局和重新繪制。前者叫做"重排"（reflow），后者叫做"重繪"（repaint）。

需要注意的是，"重繪"不一定需要"重排"，比如改變某個網頁元素的顏色，就只會觸發(fā)"重繪"，不會觸發(fā)"重排"，因為布局沒有改變。但是，"重排"必然導致"重繪"，比如改變一個網頁元素的位置，就會同時觸發(fā)"重排"和"重繪"，因為布局改變了。