重繪和重排是什麼？如何減少重繪和重排

一個頁面由兩部分組成： DOM：描述該頁面的結構 render：描述 DOM 節點 (nodes) 在頁面上如何呈現 當 DOM 元素的屬性發生變化 (如 color) 時, 瀏覽器會通知 render 重新描繪相應的元素, 此過程稱爲 repaint。 如果該次變化涉及元素佈局 (如 width), 瀏覽器則拋棄原有屬性, 重新計算並把結果傳遞給 render 以重新描繪頁面元素, 此過程稱爲

>>阅读原文<<