freeCodeCamp.org
·
访问网站时发生了什么？网络工作原理解析
💡
原文英文，约4200词，阅读约需15分钟。
📝
内容提要
本文概述了用户在浏览器中访问网站的流程，包括互联网基本概念、URL结构、DNS解析、TCP/IP连接、HTTP/HTTPS协议及数据渲染。用户输入网址后，浏览器通过DNS查找IP地址，建立连接并请求网页，最终呈现可视化页面。
🎯
关键要点
- 文章概述了用户在浏览器中访问网站的流程。
- 互联网是一个由互联计算机组成的庞大网络，万维网建立在此技术之上。
- 客户端是用户的设备，服务器存储网页和应用程序。
- 每个资源通过有效的URL在服务器上定位。
- URL的组成部分包括协议、域名、路径、参数和锚点。
- DNS解析将域名转换为IP地址，浏览器首先检查本地缓存。
- DNS解析过程包括DNS解析器和根DNS服务器。
- 顶级域名服务器存储域名的权威名称服务器的IP地址。
- 权威名称服务器返回域名的IP地址。
- TCP/IP模型用于在客户端和服务器之间建立连接。
- TCP连接通过三次握手过程建立。
- HTTP协议用于客户端和服务器之间的通信。
- HTTP请求包括请求行、请求头和请求体。
- HTTP响应包括状态行、头部和响应体。
- HTTPS是HTTP的安全扩展，使用TLS加密通信。
- 浏览器请求的第一个数据包标志着首次字节时间（TTFB）。
- 关键渲染路径将数据转换为屏幕上的像素，包括DOM和CSSOM的构建。
- 可访问性树为使用辅助技术的用户提供导航。
- 渲染树结合了DOM和CSSOM，计算每个元素的大小和位置。
- 绘制阶段将布局输出转换为屏幕上的像素。
- JavaScript水合过程使服务器渲染的HTML页面变得可交互。
- 文章总结了从输入网址到访问网站内容的整个过程。
🏷️
标签
➡️
