HTML是如何渲染的（回流、重绘）

1.网络请求
2.页面渲染

1. 解析HTML文件，构建DOM树
2. 解析CSS文件，构建CSSOM树
3. 将DOM树和CSSOM树合并，生成渲染树
4. 计算渲染树的布局
5. 将布局渲染到屏幕上

重排: 当页面中的HTML结构发生改变(增加、删除元素、位置发生改变等等)，只要结构发生改变，浏览器都需要从新的计算一遍最新的dom结构，从新的对当前的页面进行渲染

重绘: 当元素的背景、透明度、颜色发生变化，那么浏览器会对元素进行重新描绘；这个过程就是浏览器的重绘；

单单改变元素的外观，肯定不会引起网页重新生成布局，但当浏览器完成重排之后，将会重新绘制受到此次重排影响的部分

重排和重绘代价是高昂的，它们会破坏用户体验，并且让UI展示非常迟缓，而相比之下重排的性能影响更大，在两者无法避免的情况下，一般我们宁可选择代价更小的重绘。

『重绘』不一定会出现『重排』，『重排』必然会出现『重绘』。