浏览器渲染

1 渲染原理

简单说：对输入的一串字符串，通过一系列复杂的运算，输出屏幕上每个像素点的颜色

2 渲染的时间点

问题： 在浏览器地址栏中输入url地址后，回车。浏览器干了些什么?

1. 获取html: 浏览器的网络线程通过网路请求获取html
2. 添加任务：向消息队列push渲染任务
3. 渲染: 在事件循环机制的作用下,渲染主线程从队列中取出任务开启渲染流程

渲染流程

解析html后将获得两棵树：DOM树和CSSOM树 通俗讲：html是个字符串，不利于操作，生成的两棵树就是对象，对象更容易操作