浏览器渲染

DOCUTYPE

  • DTD:文档类型定义,告诉浏览器文档类型,浏览器根据文档类型来判断使用什么引擎来解析渲染
  • DOCUTYPE就是用来声明文档类型和规范,

浏览器渲染过程

  • WebKit浏览器渲染.png

重排Reflow

  • 定义:DOM结构中的各个元素都有自己的盒子(模型),这些都需要浏览器根据各种样式来计算并根据计算结果将元素放到它该出现的位置,这个过程称之为reflow
  • 触发:

重绘Repaint

  • 定义:当各种盒子的位置、大小以及属性,例如颜色、字体大小等都确定下来后,浏览器于是便把这些元素都按照各自的特性绘制一遍,于是页面的内容就出现了

布局Layout

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