浏览器渲染机制

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

浏览器渲染机制_第1张图片
image.png

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

你可能感兴趣的:(浏览器渲染机制)