前端

过程

  • 浏览器解析html文件,构建DOM
  • 构建CSS Object Module(CSSOM)树
  • 合并CSSOM与DOM树,生成一颗样式渲染树
  • 进行布局,对所有元素的大小和位置进行规划
    • 对于图片,如果没有指定宽高,会先忽略它的大小(设为宽高都为0)
    • 待图片加载完成后,再根据图片尺寸更改图片宽高,这时会导致[child::回流]
  • 进行绘制,将样式在屏幕中显示