前端出发能走多远——从一个网络请求开始

当通过浏览器输入一个网址时，浏览器经历了一些列的过程，最终将网页展示给用户。这个过程是如何进行的呢？我们可以通过一个简单的例子来了解这个过程。

假设我们输入了一个网址 https://www.example.com，我们可以通过浏览器的开发者工具来查看这个过程。在浏览器中按下 F12 键，打开开发者工具，切换到 Network 选项卡，然后在地址栏中输入 http://www.example.com，回车。我们可以看到一系列的网络请求，这些请求就是浏览器加载网页的过程。

我们简单整理一下：

1. 浏览器根据输入的网址，解析出域名 www.example.com。
2. 浏览器向 DNS 服务器查询域名对应的 IP 地址。
3. 浏览器根据 IP 地址和端口号，向服务器发起连接请求（TCP 链接）。
4. 浏览器与服务器进行 HTTPS 握手，建立安全连接。
5. 浏览器向服务器发送 HTTP 请求。
6. 服务器接收到请求，处理请求，返回响应。
7. 浏览器接收到响应，解析资源，如果是 HTML 页面，解析 HTML，构建 DOM 树、加载静态资源、执行 JS 脚本。

这个过程是一个简单的网络请求过程，实际上，浏览器加载网页的过程是非常复杂的，涉及到很多的技术细节，比如缓存、CDN、HTTP/2、HTTP/3、TCP/IP、TLS/SSL、DNS、HTTP、HTTPS、HTML、CSS、JS、DOM、BOM、事件循环、渲染机制等等。

接下来我们抽丝剥茧，一步步去分析其内在的东西。

下一章: URL是个什么东西