重绘与回流

回流：当一个元素的位置、尺寸等发生改变的时候，浏览器需要重新计算该元素的几何属性并且摆放到正确的位置的过程叫做回流。一般像页面初次渲染，带有动画的元素，添加/删除功能，图片放大缩小，浏览器窗口发生改变的时候都会触发回流
重绘：当一个元素的外观、样式发生改变而布局不会改变，重新绘制的过程叫做重绘。
回流必定会触发重绘，而重绘不一定会触发回流，一般来说重绘的损耗更多一点。