回流和重绘

什么是回流？
当渲染树中的一部分或者全部，因为元素的尺寸、布局、隐藏等改变而需要重新构建的时候就会发生回流。
1、对DOM元素进行增、删、改
2、元素的位置发生改变
3、元素尺寸改变
4、内容改变
5、页面第一次渲染时

什么是重绘？
1、回流的时候，浏览器会使渲染树中受到影响的元素失效，并重新绘制这个部分的渲染树
2、完成回流以后，浏览器会重新绘制受到影响的元素到屏幕中，这个过程就是重绘

【注】每个页面都至少发生一次回流，也就是页面第一次加载的时候
回流必定会发生重绘，但重绘不一定会发生回流