从URL到页面渲染的完整过程

在前端开发中，了解从URL到页面渲染的完整过程是非常重要的。这个过程涉及到客户端和服务器之间的通信，以及浏览器如何解析和渲染网页内容。下面将详细介绍这个过程，并提供相应的源代码示例。

1. 用户输入URL
   当用户在浏览器地址栏中输入URL（统一资源定位符），例如https://www.example.com，浏览器会解析该URL并提取出相应的协议（通常是HTTP或HTTPS）、主机名（例如www.example.com）和路径（如果有的话）。

2. DNS解析
   浏览器需要将主机名解析为对应的IP地址，这个过程称为DNS解析。浏览器首先会检查缓存中是否有该主机名对应的IP地址，如果没有，它会向DNS服务器发送一个DNS查询请求，以获取IP地址。一旦浏览器获得了IP地址，它就可以与服务器建立连接。

3. 建立TCP连接
   为了与服务器进行通信，浏览器需要建立一个TCP连接。浏览器会使用HTTP协议与服务器进行通信，HTTP是一种无状态的协议，它基于请求-响应模型。浏览器会向服务器发送一个HTTP请求，请求特定的资源，例如HTML文件、CSS文件或JavaScript文件。

以下是一个使用JavaScript的简单示例，用于发送HTTP请求：

var xhr = new