II.1 关于互联网 (Internet) 的基础知识

互联网如何运作？

互联网是一个连接全球无数计算机设备的巨大网络，常被称为“网络的网络”。它的基本工作原理如下：

• 数据包交换：在互联网上发送或接收信息（如网页或电子邮件）时，这些数据会被分解成许多小的数据包。
• 协议 (TCP/IP)：每个数据包都遵循一套称为“传输控制协议/网际协议”(TCP/IP) 的规则。TCP 负责确保所有数据包都能准确无误地到达目的地并按正确顺序重新组装，而 IP 负责为每个数据包贴上地址标签，指明其目的地。
• 路由和传输：这些数据包通过由路由器、交换机、光纤电缆、无线电波等组成的复杂物理网络进行传输。路由器就像交通警察，读取每个数据包的 IP 地址，并为其规划出到达最终目的地的最佳路径。
• 客户端与服务器：在这个模型中，你的设备（如电脑或手机）通常是“客户端”，它向存储网站信息或服务的“服务器”发出请求。服务器接收请求后，会将相应的数据包发回给客户端。

简而言之，互联网通过将数据分解为数据包，利用 TCP/IP 协议进行寻址和传输，并通过全球性的物理网络设施将客户端和服务器连接起来，从而实现全球信息交换。

什么是 HTTP？

HTTP 指的是超文本传输协议 (Hypertext Transfer Protocol)。它是用于在万维网 (World Wide Web) 上传输数据的核心协议，规定了浏览器（客户端）和服务器之间请求和响应的格式与规则。

当你在浏览器中输入网址时，浏览器会向该网址所在的服务器发送一个 HTTP 请求。服务器收到请求后，会处理它并返回一个 HTTP 响应，这个响应通常包含了你请求的网页内容，如 HTML 文件、图片、CSS 样式表等。HTTP 本身是一个“无状态”协议，意味着服务器不会记录之前来自同一客户端的请求历史。为了实现跨页面的状态保持（如用户登录状态），通常会使用 Cookies 等技术。

HTTPS 是 HTTP 的安全版本 (Hypertext Transfer Protocol Secure)，它通过加密来保护数据传输过程中的安全，防止信息被窃取或篡改。

什么是域名？

域名 (Domain Name) 是互联网上网站的易于记忆的地址，相当于网站的“门牌号”。例如 google.com 或 wikipedia.org 就是域名。

计算机在网络上相互通信时，使用的是一长串数字组成的 IP 地址（例如 172.217.160.78）。但这种数字地址对人类来说难以记忆。域名的作用就是将这些复杂的 IP 地址转换成有意义且易于记忆的字符组合。当你在浏览器中输入域名时，一个名为 DNS（域名系统）的系统会自动将这个域名“翻译”成对应的 IP 地址，从而让浏览器能够找到并连接到正确的服务器。

什么是托管？

网站托管（Web Hosting），也常被称为“主机”或“空间”，是一种允许个人或组织将其网站发布到互联网上的服务。

可以这样理解：如果域名是你网站的“门牌号”，那么网站托管就是你存放网站内容的“房子”。这个“房子”其实是一台或一组一直保持开机并连接到互联网的强大计算机，即服务器。

当你创建了一个网站，所有构成这个网站的文件（如 HTML 代码、CSS 样式表、图片、视频、数据库等）都需要一个地方存放，以便全世界的用户都能随时访问。托管服务商就提供了这样的服务器空间、网络连接以及相关的维护服务。当有人通过域名访问你的网站时，他们的浏览器实际上就是连接到了托管你网站文件的这台服务器上，并下载文件进行显示。

DNS 及其工作原理？

DNS 指的是域名系统 (Domain Name System)。它常被称为“互联网的电话簿”，其核心功能是负责将人类易于记忆的域名（如 google.com）解析（或翻译）成计算机能够理解的 IP 地址（如 172.217.160.78）。

DNS 的工作流程大致如下：

• 用户请求：当你在浏览器中输入网址时，你的计算机会向本地网络中的 DNS 服务器（通常由你的互联网服务提供商 ISP 提供）发出查询请求：“google.com 对应的 IP 地址是什么？”
• 递归查询：如果本地 DNS 服务器的缓存中没有记录，它就会向互联网上的其他 DNS 服务器逐级查询，这个过程从根域名服务器开始，到顶级域名（.com）服务器，最后到负责该域名的权威域名服务器。
• 获取 IP 地址：权威域名服务器存有该域名与 IP 地址的最终对应关系，它会将这个 IP 地址返回给本地 DNS 服务器。
• 返回给用户：本地 DNS 服务器在收到 IP 地址后，会将其返回给你的计算机，并通常会将其缓存一段时间，以便下次查询时能更快响应。
• 建立连接：你的浏览器在获得这个 IP 地址后，就能准确地找到存放网站内容的服务器，并与其建立连接，开始请求网页数据。

没有 DNS，我们就必须记住一长串枯燥的数字才能访问任何网站，这显然是不现实的。

浏览器及其工作原理？

浏览器（Browser）是一个安装在你电脑或手机上的软件应用程序，它的主要工作是向服务器请求、获取、解析并最终在屏幕上显示网页内容。它是一个功能强大的“客户端”。

浏览器的工作原理可以分为以下几个主要步骤：

• 处理用户输入：你在地址栏输入 URL（网址）。
• DNS 查询：浏览器首先会通过 DNS 系统查询该 URL 中域名的 IP 地址（如上所述）。
• 发送 HTTP 请求：浏览器使用获取到的 IP 地址，向目标服务器发送一个 HTTP 请求，请求获取该页面的内容（通常是一个 HTML 文件）。
• 接收服务器响应：服务器接收到请求后，会将包含 HTML、CSS、JavaScript 等内容的数据包打包在一个 HTTP 响应中发送回浏览器。
• 渲染页面：这是最核心的一步。
  • 浏览器首先会解析 HTML 文件，构建“文档对象模型”(DOM 树)，这代表了页面的结构。
  • 接着，它会解析 CSS 文件，构建“CSS 对象模型”(CSSOM 树)，这代表了页面的样式。
  • 然后，浏览器将 DOM 树和 CSSOM 树结合起来，生成“渲染树”(Render Tree)，确定页面上每个元素的具体样式和位置。
  • 最后，浏览器根据渲染树将页面内容“绘制”到屏幕上，呈现出你所看到的视觉效果。
• 执行 JavaScript：在渲染过程中或渲染完成后，浏览器会执行页面中包含的 JavaScript 代码。这些代码可以动态地修改页面的内容和样式，或响应用户的交互操作（如点击、滚动等），使网页具有交互性。

2026 年的 Web 平台兼容性心智：Baseline 与 Interop

在过去，前端开发者判断“一个新特性能不能用”，通常要反复在 Can I Use 和浏览器版本表里来回比对。
到 2026 年，更实用的心智模型已经逐渐变成：先看它是否进入 Baseline，再结合自己的用户分布决定是否直接采用。

• Baseline：由 WebDX 社区维护，用来描述一个 Web 平台特性是否已经在核心浏览器集合中形成稳定可用的交集。
• Newly available：该特性已经在核心浏览器中形成互通，可以开始作为现代项目的候选能力。
• Widely available：该特性距离首次形成互通已过去较长时间，通常可以更放心地作为通用能力使用。
• Interop：浏览器厂商围绕一组重点特性共同推进互通性，让“理论支持”更接近“实际可用”。

这意味着今天讨论浏览器兼容性时，不应只问“Chrome 支不支持”，而应问：

• 它是否进入 Baseline
• 是否已经在主要浏览器间形成稳定互通
• 你的真实用户浏览器分布是否允许直接使用
• 是否值得为少数低版本环境引入 polyfill、降级方案或渐进增强

例如，像 Container Queries、:has()、CSS Nesting 这样的能力，在 2026 年就更适合用 Baseline 的语言去讨论，而不是继续停留在“新特性，一般别用”的老经验上。
这也是现代前端采纳 Web 新能力时更成熟的判断方式。