重绘和回流

重绘 :页面元素的颜色/透明度等信息发生变化时触发重绘
回流 :页面元素的几何信息(宽高/位置)发生变化时触发回流
结论 : 回流一定会触发重绘,而重绘不一定会触发回流

会导致回流的操作

• 页面的首次刷新
• 浏览器的窗口大小发生改变
• 元素的大小或位置发生改变
• 改变字体的大小
• 内容的变化
• 激活css伪类
• 脚本操作DOM(添加或者DOM元素)
• • 简单理解影响到布局了,就会有回流