良玉的博客 点点滴滴,积水成河_良玉的博客_页游、手游linux运维工程师之路

浏览器渲染过程

list-style: inherit; font-family: "pingfang SC", "helvetica neue", arial, "hiragino sans gb", "microsoft yahei ui", "microsoft yahei", simsun, sans-serif; min-height: 0px; color: rgb(51, 51, 51); font-size: 16px; white-space: pre-wrap;">浏览器渲染过程如下:

  1. 解析HTML,生成DOM树,解析CSS,生成CSSOM树

  2. 将DOM树和CSSOM树结合,生成渲染树(Render Tree)

  3. Layout(回流):根据生成的渲染树,进回流(Layout),得到节点的几何信息(位置,大小)

  4. Painting(重绘):根据渲染树以及回流得到的几何信息,得到节点的绝对像素

  5. Display:将像素送给GPU,展示在页面上。


作者:良玉 分类:Linux 浏览:252 评论:1
留言列表
111
111 111  回复
发表评论
来宾的头像