渲染机制

浏览器渲染机制

什么是doctype以及作用

• DTD（文档类型定义）是一系列的语法规则，用来定义XML或者(x)HTML的文档类型。浏览器会使用它来判断文档类型，决定使用哪种协议来解析，以及切换浏览器模式。
• DOCTYPE 是用来声明文档类型和DTD规范的，一个主要的 用途是文件的合法性验证。如果文件代码不合法，那么浏览器解析会出错。

浏览器渲染过程
重排（Reflow）

• Dom结构中的各个元素都有自己的盒子（模型），这些都是需要浏览区
• 触发条件
  • 当增加、删除、修改DOM节点
  • 移动DOM的位置
  • 当修改CSS样式
  • 修改网页的默认字体的时候
  • 当窗口 Resize 或者滚动

重绘（Repaint）

• 触发条件
  • 移动DOM的位置
  • 当修改CSS样式

布局（Layout）