浏览器渲染页面的过程

基本流程如下:

  • 浏览器将获取的HTML文档并解析成DOM树。
  • 处理CSS标记,构成层叠样式表模型CSSOM(CSS Object Model)。
  • 将DOM和CSSOM合并为渲染树(rendering tree)将会被创建,代表一系列将被渲染的对象。
  • 渲染树的每个元素包含的内容都是计算过的,它被称之为布局layout。浏览器使用一种流式处理的方法,只需要一次pass绘制操作就可以布局所有的元素。
  • 将渲染树的各个节点绘制到屏幕上,这一步被称为绘制painting.
  • 如果文档中有资源 重复以上流程 直至资源全部加载完毕

具体见下方流程图

                     浏览器渲染页面的过程_第1张图片

你可能感兴趣的:(IT,前端)