「这是我参与2022首次更文挑战的第1天，活动详情查看：2022首次更文挑战」
先说说URL。URL由三部分组成：协议类型，主机名和路径及文件名。通过URL可以指定的主要有以下几种：http、ftp、gopher、telnet、file等。
那么在在地址栏里输入一个 URL,会发生什么呢？
输入url后，首先需要找到这个url域名的服务器ip,为了寻找这个 ip，浏览器首先会寻找缓存，查看缓存中是否有记录，
缓存的查找记录为，
缓存中没有则查找系统的 hosts文件中是否有记录，如果没有则查询DNS 服务器。
得到服务器的ip地址后，浏览器根据这个ip 以及相应的端口号，构造一个http请求，这个请求报文会包括这次请求的信息，主要是请求方法，请求说明和请求附带的数据，并将这个 http请求封装在一个tcp 包中，这个tcp包会依次经过传输层，网络层，数据链路层，物理层到达服务器，服务器解析这个请求来作出响应，返回相应的 html给浏览器。
因为 html是一个树形结构，浏览器根据这个html 来构建 DOM 树，在 dom树的构建过程中如果遇到 JS脚本和外部JS连接，则会停止构建DOM 树来执行和下载相应的代码，这会造成阻塞，
后和DOM树合并为渲染树，这里主要做的是排除非视觉节点，比如script，meta标签和排除 display为 none的节点，
之后进行布局，布局主要是确定各个元素的位置和尺寸，之后是渲染页面，因为 html文件中会含有图片，视频，音频等资源，
在解析 DOM的过程中，遇到请求中我们还需要关注的就是缓存，缓存一般通过Cache-Control、Last-Modify、Expires等首部字段控制。
Cache-Contro存在时差问题，一般采用Cache-Control`，在请求这些有设置了缓存的数据时，会先 查看是否过期，如果没有过期则直接使用本地缓存，过期则请求并在服务器校验文件是否修改，
如果上一次 响应设置了 ETag值会在这次请求的时候作为If-None-Match的值交给服务器校验，如果一致，继续校验 Last-Modified，没有设置ETag则直接验证Last-Modified，再决定是否返回 304
