理解页面重构和回流

重构：
浏览器的重构指的是改变每个元素的外观时所触发的浏览器行为，比如颜色、背景等样式发生了改变而进行的重新构造新外观的过程。重构不会引发页面的重新布局，不一定伴随着回流。


回流：
指的是浏览器为了重新渲染页面的需要而进行的重新计算元素的几何大小和位置，他的开销是非常大的，回流可以理解为渲染树需要重新进行计算，一般最好触发元素的重构，避免元素的回流；比如通过添加class来添加css样式，而不是直接在DOM上设置，当需要操作某一块元素的时候，最好使其脱离文档流，这样就不会引起回流了，比如设置position：absolute或者fixed，或者display：none，等操作结束后在显示。


浏览器的渲染过程：
1、首先获取html，然后构建dom树;
2、其次根据css构建render树，render树中不包含定位和几何信息;
3、最后构建布局树，布局是含有元素的定位和几何信息.
————————————————
                      
原文链接：https://blog.csdn.net/qq_17746623/article/details/54616154