当你输入网址到网页呈现发生了什么？

参考文献

https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/How_the_Web_works

我们在搜索框输入网址(url)后到底发生了什么呢？

1. 我们会在浏览器的搜索框内输入一个网址（域名）
2. 浏览器在域名系统（DNS）服务器上找出存放网页的服务器的实际地址
3. 找到之后，浏览器发送 HTTP 请求信息到服务器，来请求拷贝一份网页到客户端
4. 服务器同意客户端的请求后，将网页的文件以数据包的形式传输到浏览器
5. 浏览器将数据包聚集成完整的网页然后将网页呈现给你

浏览器又是如何解析请求到的文件的呢？

1. 浏览器首先解析 HTML 文件，并从中识别出所有的 “link” 和 “script” 元素，获取它们指向的外部文件的链接
2. 继续解析 HTML 文件的同时，浏览器根据外部文件的链接向服务器发送请求，获取并解析 CSS 文件和 JavaScript 脚本文件
3. 接着浏览器会给解析后的 HTML 文件生成一个 DOM 树（在内存中），会给解析后的 CSS 文件生成一个 CSSOM 树（在内存中），并且会编译和执行解析后的 JavaScript 脚本文件
4. 伴随着构建 DOM 树、应用 CSSOM 树的样式、以及执行 JavaScript 脚本文件，浏览器会在屏幕上绘制出网页的界面；用户看到网页界面也就可以跟网页进行交互了