重排 (Reflow):当元素的位置、尺寸发生变化时,浏览器需要重新计算布局。重排开销最大,因为要重新计算所有受影响元素的位置。
重绘 (Repaint):当元素的外观(颜色、背景)发生变化,但位置不变时,浏览器只需要重新绘制像素。比重排快,但仍有开销。
合成 (Composite):使用 transform 和 opacity 等属性,浏览器可以在合成层上完成变化,完全不触发布局和绘制。性能最佳,推荐优先使用。