浏览器的工作过程¶

telnet的使用？用于创建连接

从输入url到展示页面的过程中发生了什么¶

整体流程

主要的三个进程是浏览器进程，网络进程和渲染进程

输入url后发生了什么？

输入一个url后，需要获取域名对应的IP，然后与IP对应的服务器建立连接，获取服务器上的一系列资源。从域名到IP的一系列步骤是通过DNS服务器实现的

DNS服务器的作用，通过域名获取到对应的IP地址，DNS是被设计为高并发高可用的，服务器之间是以一种树形的结构分布的

整体流程

主要负责用户交互，子进程管理和文件存储等功能

网络进程主要是面向渲染进程和浏览器进程等提供网络下载功能

渲染进程的主要职责是把从网络下载的HTML、JavaScript、css、图片等资源解析为可以显示和交互的页面

在获取到HTML字节流之后，会通过分词器将其生成一系列的tokens，然后生成对应的node节点，最终生成DOM

对于如下一段代码而言，其中的起始标签，标签中的文本以及结束标签都是一个token，并且会通过一个token栈来维护所有的token。正常来说token栈只会有StartTag

在DOM树中如何判断结点的父子关系？

根据栈中的标签的位置来计算，一般来讲，下面的标签一定是上面标签的父节点

<html>
    <body>
        <div>1</div>
        <div>test</div>
    </body>
</html>

文本信息会直接放入DOM树中对应的节点下

EndTag则是会在匹配到对应的StartTag后，连同StartTag一起出栈

因为浏览器不能理解HTML格式的字节流，需要将其转换为浏览器可以理解的结构

在渲染引擎内部，有一个叫HTML解析器的模块

它的职责就是负责将HTML字节流转换为DOM结构

DOM的作用：

网络进程获取到对应的HTML字节流后，通过IPC将其传递给渲染进程，渲染进程将其传递给HTML解析器进行解析

以页面的渲染效率来说：合成>重绘>重排，合成是V8中对页面特殊的处理

如何尽量减少不必要的重绘和重排