概述: 在网页渲染过程中，浏览器为了显示正确的内容，需要频繁地更新页面布局和样式。理解重绘和回流对于优化网页性能至关重要。

什么是回流？
回流（Reflow）指当页面元素的布局发生变化时，浏览器重新计算元素的位置和尺寸的过程。常见触发回流的操作包括：修改元素尺寸、添加/删除节点、改变字体大小。

什么是重绘？
重绘（Repaint）指当元素的样式（颜色、背景色）改变，但布局未变化时，浏览器只更新元素的视觉外观，而不重新计算布局。

回流与重绘的区别
回流会导致页面重新布局，开销大。 重绘只涉及视觉更新，相对开销小。

优化建议
合并 DOM 操作，避免频繁回流。 使用 transform 和 opacity 属性替代位置和尺寸修改，减少回流。 尽量使用 CSS3 动画而非 JavaScript 操作布局。