饥人谷技术博客

浏览器渲染机制

2017-09-04  本文已影响0人  知更鸟_b4d4

DOM:Document Object Model,浏览器将HTML解析成树形的数据结构,简称DOM。CSSOM:CSS Object Model,浏览器将CSS解析成树形的数据结构,简称CSSOM。Render Tree: DOM和CSSOM合并后生成Render Tree,如下图:

image.png

Layout: 计算出Render Tree每个节点的具体位置。Painting:通过显卡,将Layout后的节点内容分别呈现到屏幕上。

上一篇 下一篇

猜你喜欢

热点阅读