重绘和回流

我能理解的方式来说：

回流：改变了元素的位置或者尺寸、内容，页面布局发生改变的时候会引起回流

重绘：只是修改了元素的样式，颜色什么的，只要位置大小等不会发生改变，就会引起重绘

回流一定会触发重绘，重绘不一定会引起回流。

优化：渲染篇五：CSS的回流（Reflow）与重绘（Repaint） - 简书

（这篇写的很好哎）

注：现代浏览器是很聪明的。浏览器自己也清楚，如果每次 DOM 操作都即时地反馈一次回流或重绘，那么性能上来说是扛不住的。