浏览器渲染过程

内核

浏览器组成

过程

  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. 主要过程

你可能感兴趣的:(浏览器)