web前端页面渲染基本原理

WinerChopin 2018-10-28

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

相关推荐