huazi99

绘制（Paint）---创建绘制指令 绘制阶段是将布局信息转换为绘制指令，生成绘制列表，告诉浏览器如何绘制每个元素。为后续的光栅化阶段做准备。 主线程会为每个层单独产生绘制...

分层原因 在生成布局树之后，渲染进程会将一些复杂的3D动画、滚动条、高z-index的元素生成图层，并生成图层树交给GPU加速渲染。 页面设计复杂，并且交互效果多。如不分层...

理解一些概念： 盒子模型 页面中的所有元素都被看作一个矩形盒子 内边距（padding)是内容区周围的空间。 边框(border)会在内边距外侧增加一条框线，这条框线可以是...

主线程遍历得到的 DOM 树，依次为树中的每个节点计算出它最终的样式，称之为 Computed Style。 通过前面生成的DOM 树和 CSSOM 树，遍历 DOM 树，...

当浏览器的网络线程收到 HTML 文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。 在事件循环机制的作用下，渲染主线程取出消息队列中的渲染任务，开启渲染流程。...

一、发送HTTP请求 建立连接后，浏览器构造并发送一个HTTP请求到服务器 1、 http协议介绍 （1）HTTP，即[超文本传输协议]（Hypertext Transfe...

一、用户输入URL地址，与服务器建立连接 用户在浏览器地址栏输入一个URL 浏览器开始执行以下三步操作操作：url解析、DNS查询、TCP连接 第一步：URL解析 什么是U...