浏览器渲染机制

浏览器渲染机制

一、什么是DOCTYPE及作用,常见的DOCTYPE有哪些

用来申明文档类型和DTD规范的,一个主要的用途便是文件的合法性验证。如果不合法,浏览器解析会有点差错。
<!doctype html>, html4.0.1的严格模式 和 传统模式

二、浏览器渲染过程(在浏览器中输入url发生了什么)

解析HTML生成dom树,计算css结果,构建渲染树,然后就可以绘制浏览器了。

三、什么叫浏览器的重排(reflow)

增加删除修改dom节点,会导致reflow 或 repaint
移动dom位置
改变窗口大小/滚动
修改网页默认字体

四、什么叫重绘 repaint

页面要呈现的内容通通画到浏览器中就叫重绘
如何最下避免repaint,一次性操作,避免多次操作
DOM改动、CSS改动