重绘和回流(重排)的区别

重绘：改变页面样式的时候，不会影响其他元素在页面的配置。

• 页面渲染初始化(无法避免)

• 添加或删除可见的 DOM 元素

• 元素位置的改变，或者使用动画

• 元素尺寸的改变——大小，外边距，边框

• 浏览器窗口尺寸的变化

• 填充内容的改变，比如文本的改变或图片大小改变而引起的计算值宽度和高度的改变

回流必定会引发重绘，但重绘不一定会引发回流。