浏览器的渲染过程
文件在编译器编译好后，代码会暂存在内存中，浏览器从内存获取代码开始解析：
- 1.解析HTML构建
DOM（DOM树），并行请求css/image/js。 - 2.css文件下载完成，开始构建CSSOM（CSS树）。
- 3.CSSOM构建完成后，和DOM一起生成
Render Tree（渲染树）。 - 4.布局（Layout）：计算出每个节点在屏幕中的位置。
- 5.显示（Painting）：通过显卡把页面画到屏幕上。
DOM树和渲染树的区别
DOM树与HTML标签一一对应，包括head和隐藏元素。渲染树不包括head和隐藏元素，大段文本的每一行都是独立的节点，每一个节点都有对应的css属性。
