回流（重排）和重绘

理解：

当元素的样式发生变化时，浏览器会触发更新，重新绘制元素，这种情况有回流和重绘两种。

回流（重排）：

改变了元素的尺寸、位置、结构、布局、隐藏等影响了页面的布局。

重绘：

只改变元素的外观、风格，不影响页面的布局。比如颜色

能引发回流的相关操作：

• 增加或删除可见的dom元素
• 修改元素的位置
• 修改元素的尺寸，如宽高、边距
• 修改内容，如图片大小、文字大小
• 页面渲染初始化
• 浏览器窗口尺寸改变，如onresize事件

二者关系：

回流一定会引发重绘。