浏览器渲染

DOCUTYPE

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

浏览器渲染过程

  • WebKit浏览器渲染.png

重排Reflow

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

重绘Repaint

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

布局Layout

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容