前端面试总结

### 前端面试总结之URL访问全过程与TCP与UDP的区别 #### 一、URL访问全过程 当我们在浏览器地址栏中输入一个URL并按下回车键时，一系列复杂的操作随即开始，直到最终页面呈现给我们。这个过程中涉及到了多个步骤和技术细节。 1. **输入URL并解析域名** - **浏览器缓存**: 浏览器会首先检查本地缓存中是否已经有该域名对应的IP地址。为了提高性能，浏览器通常会保存最近访问过的域名的DNS记录一段时间（通常为2分钟至30分钟不等），避免每次访问都需要进行DNS查询。 - **系统缓存**: 如果未在浏览器缓存中找到所需记录，浏览器会通过系统调用来检查操作系统的DNS缓存。 - **路由器缓存**: 如果在本地系统缓存中也没有找到记录，查询会传递给用户的路由器，路由器也有自己的DNS缓存。 - **ISP DNS缓存**: 接下来，查询将被发送给ISP(Internet Service Provider)的DNS服务器，这里通常能找到大多数常用域名的记录。 - **递归搜索**: 如果以上所有缓存中都没有找到域名对应的IP地址，ISP的DNS服务器会开始递归地查询顶级域名服务器（如.com或.org等），直到找到正确的IP地址。 2. **发起HTTP请求** - **HTTP请求**: 完成域名解析后，浏览器会向服务器发送一个HTTP请求，请求获取资源。例如，当我们访问Facebook的主页时，浏览器会向Facebook服务器发送一个GET请求，请求获取主页的HTML文档。 - **重定向处理**: 有时服务器会返回一个重定向响应（例如HTTP状态码301或302），指示浏览器需要再次发起请求到一个新的URL。浏览器会自动跟踪这些重定向，直至获取到最终的目标资源。 - **服务器处理请求**: - **Web服务器软件**: Web服务器（如Apache或IIS）接收到请求后，会根据请求路径决定如何处理，可能调用特定的应用程序或脚本来生成动态内容。 - **请求处理**: 应用程序或脚本读取请求中的参数和Cookie，处理业务逻辑，可能还会从数据库中检索数据，最后生成HTML文档作为响应发送给客户端。 3. **接收并解析HTML响应** - **HTML响应**: 服务器发送包含网页内容的HTML响应。 - **渲染页面**: 浏览器解析HTML文档，构建DOM树，并根据CSS样式渲染页面。 - **加载资源**: 在解析HTML文档的过程中，浏览器会发现外部资源（如图片、JavaScript脚本等），并自动发起额外的HTTP请求来加载这些资源。 - **异步请求**: 对于某些需要动态加载的内容，浏览器可能会发起异步请求（如AJAX请求），以便在不刷新整个页面的情况下更新部分内容。 #### 二、TCP与UDP的区别与联系 **TCP (Transmission Control Protocol)** 和 **UDP (User Datagram Protocol)** 是两种不同的传输层协议，它们在互联网通信中扮演着重要的角色。 1. **TCP 协议** - **面向连接**: TCP是一种面向连接的协议，即在数据传输之前，必须先建立一个可靠的连接。这一过程被称为“三次握手”，具体步骤如下： 1. 主机A向主机B发送SYN（Synchronize）数据包，请求建立连接。 2. 主机B收到请求后，回复一个ACK（Acknowledgement）+ SYN数据包，表示接受请求并同步连接状态。 3. 主机A收到回复后，再发送一个ACK数据包，确认连接已经建立。 - **可靠传输**: TCP提供了可靠的数据传输保障，确保数据无误地到达目的地。如果在传输过程中数据丢失或损坏，TCP会自动重传数据包，确保数据的完整性。 - **流量控制与拥塞控制**: TCP还支持流量控制和拥塞控制机制，以防止发送方过快地发送数据导致接收方无法处理的情况发生。 2. **UDP 协议** - **无连接**: UDP是一种无连接的协议，即发送数据前无需建立连接。这意味着发送方可以直接向接收方发送数据报，而无需事先确认接收方的状态。 - **不可靠传输**: UDP不提供数据包的确认机制，因此不能保证数据包的可靠传输。如果数据包在传输过程中丢失或损坏，UDP不会尝试重传。 - **高效性**: 由于UDP的轻量级特性，它在对实时性要求较高的应用场景中更为适用，例如在线游戏、视频会议等。 **联系**: - **同属于TCP/IP协议族**: TCP和UDP都属于TCP/IP协议族的一部分，它们都在传输层工作。 - **与IP协议配合使用**: 无论是TCP还是UDP，都需要与网络层的IP协议配合使用，以便将数据从源主机发送到目标主机。 **总结**: - URL的访问过程涉及到域名解析、HTTP请求、服务器处理和页面渲染等多个步骤，每一步都有其技术细节。 - TCP与UDP作为传输层的两种主要协议，分别适用于不同的场景。TCP提供了可靠的面向连接的传输服务，适合于需要保证数据完整性的应用场景；而UDP则提供了一种更加快速但不可靠的无连接服务，适合于实时性要求较高的场景。