B站上看的关于重绘与回流的解释

DOM的重绘与回流

重绘：元素样式的改变（但是，宽高、大小、位置等不变）

如outline，visibility，color，background-color等等

回流：元素的大小或者位置发生了变化（当页面布局和几何信息发生变化的时候），触发了重新布局导致渲染树重新计算布局和渲染
如添加或删除可见的DOM元素;元素的位賞发生变化，元素的尺寸发生变化，内容发生受化(比如文本变化或图片被不同尺寸的图片所替代)；页面一开始渲染的时候(这个无法避免):因为回流是根据视口的大小来计算元素的位置和大小的,所以浏览器的窗口尺寸变化也会引发回流

注意:回流一定会触发重绘,而重绘不一定会回流