浏览器渲染过程

内核

浏览器组成

过程

1. 基本流程

     解析HTML构建DOM Tree-->构造Render Tree-->布局Render Tree-->绘制Render Tree
   
   
   

2. 概念

   1) HTML----> DOM Tree
   
   2) Style Rules ---> CSS Tree
   
   3) JS操作DOM API/CSSDOM API--->操作DOM / CSS
   
   4)DOM+CSS DOM=Render Tree
   
   5) 通过Native GUI API 绘制-->painting
   
   6) 页面某部分改变影响了布局需要回流-->reflow
   
   7)改变某个元素但不影响布局，不改变几何尺寸-->repaint
   

3. 主要过程