web前端页面渲染基本原理

浏览器在收到html文档之后会对文档进行解析和构建dom（document object model）树，而样式又是紧密结合html代码的，因此又会开始构建cssom，两者解析完之后才会渲染页面。原因也很简单，dom是描述文档结构的，cssom是描述文档显示样式的，二者必须结合，缺一不可。解析的过程中，也会计算每个节点的大小和位置，及布局（页面有东西才可以布局），布局完成后，会PaintSetup 与Paint事件，开始讲渲染树绘制成像素。绘制时间和css的复杂度成正比，之后用户就能看到形形色色的页面了。