浏览器的渲染机制

面试技巧：
1、诚实
2、不要和面试官争对错
3、说面试官研究的深，自己研究的不够深

渲染机制-js运行机制-页面性能-错误监控

一、什么是DOCTYPE及作用
DTD（文档类型定义）
用来告诉浏览器文件类型，浏览器来决定用什么来解析它，渲染它
DOCTYPE
是用来声明文档类型和DTD规范的，文件的合法性验证，如果不合法，浏览器解析就会出错（告诉浏览器，当前的文件是哪个文档类型）
常见的DOCTYPE有哪些，html5的doctype怎么写

h4有俩个一个是严格模式，一个是传统模式
严格模式，不包括弃用的元素
二、浏览器的渲染过程

html根据html解释器形成dom树，css根据css解释器形成cssOM树
结合形成渲染树，通过layout精确的计算要显示的dom的位置，宽高，颜色，浏览器开始画图，然后显示给用户

二叉树类似的东西


重排Reflow
定义：dom结构中的各个元素都有自己的盒子，浏览器根据各种样式来计算并根据计算，把元素放到它该出现的位置，dom元素改变时，会发生
1、增加、删除、移动dom节点
2、修改css样式
3、resize窗口可能
4、修改网页默认字体
避免触发reflow
重绘Repaint
定义：浏览器把要呈现的内容画在页面上
1、dom改动
2、css改动
如何避免repaint的频率？
让用户输入，输完后，把框子隐藏，把结果显示，repaint
把输入的结果document.forms所有的表单元素一次性添加到页面上
布局Layout