二、重排和重繪

二、重排和重繪

網(wǎng)頁生成的時(shí)候，至少會(huì)渲染一次。用戶訪問的過程中，還會(huì)不斷重新渲染。

以下三種情況，會(huì)導(dǎo)致網(wǎng)頁重新渲染。

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

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

需要注意的是，"重繪"不一定需要"重排"，比如改變某個(gè)網(wǎng)頁元素的顏色，就只會(huì)觸發(fā)"重繪"，不會(huì)觸發(fā)"重排"，因?yàn)椴季譀]有改變。但是，"重排"必然導(dǎo)致"重繪"，比如改變一個(gè)網(wǎng)頁元素的位置，就會(huì)同時(shí)觸發(fā)"重排"和"重繪"，因?yàn)椴季指淖兞恕?/p>