前端的重绘与重排

什么是重绘，什么是重排?

• 重排（Reflow）是指在浏览器渲染过程中，当页面布局和元素的几何属性发生变化时，浏览器需要重新计算所有受影响的元素的几何属性及其位置，以确定每个元素在屏幕上的位置和大小。这是一个代价较高的操作，需要更新浏览器的布局缓存、重新布局、绘制等过程。
• 重绘（Repaint）是指浏览器在渲染过程中，当元素的样式（如颜色、字体等）发生变化时，浏览器只需要重新绘制这些元素及其子元素，而不重新计算其尺寸和位置。这个操作代价比重排小一些，但在有很多元素发生变化的情况下，重绘也会带来一定的性能问题。