六、「重排」「重繪」和「合成」

目錄 1. 更新了元素的幾何屬性（重排） 2. 更新元素的繪製屬性（重繪） 3. 直接合成階段 如何減少重排與重繪 1. 更新了元素的幾何屬性（重排） 更新元素的幾何屬性 從上圖可以看出，如果你通過 JavaScript 或者 CSS 修改元素的幾何位置屬性，例如改變元素的寬度、高度等，那麼瀏覽器會觸發重新佈局，解析之後的一系列子階段，這個過程就叫重排。無疑，重排需要更新完整的渲染流水線，所以開銷

>>阅读原文<<