5m 初学者如何使用网络

您将了解在计算机或手机上的网络浏览器中查看网页时所发生情况的简化视图。

客户端和服务器

连接到互联网的计算机称为客户端和服务器。简化版

• 客户端是典型网络用户的互联网连接设备（例如，连接到 Wi-Fi 的计算机）以及这些设备上可用的网络访问软件（通常是 Chrome 等网络浏览器）。
• 服务器是存储网页、站点或应用程序的计算机。当客户端设备想要访问网页时，网页的副本将从服务器下载到客户端计算机上，以显示在用户的网络浏览器中。

除了客户端和服务端之外，我们还需要向以下对象打招呼：

• 您的互联网连接：允许您在网络上发送和接收数据。

• TCP/IP：传输控制协议和互联网协议是定义数据如何在互联网上传输的通信协议。

• DNS：域名系统就像网站的地址簿。当您在浏览器中键入网址时，浏览器会在检索网站之前查看 DNS 以查找网站的 IP 地址。浏览器需要找出网站所在的服务器，以便它可以将 HTTP 消息发送到正确的位置（见下文）。

• HTTP：超文本传输​​协议是一种应用程序协议，定义客户端和服务器相互通信的语言。

• 组件文件：网站由许多不同的文件组成，这些文件主要有两种类型：

  • 代码文件：网站主要由 HTML、CSS 和 JavaScript 构建。
  • 资产：这是构成网站的所有其他内容的统称，例如图像、音乐、视频、Word 文档和 PDF。

当您在浏览器中输入网址时

1. 浏览器转到DNS服务器，找到网站所在服务器的真实地址
2. 浏览器向服务器发送 HTTP 请求消息，要求服务器向客户端发送网站的副本。此消息以及客户端和服务器之间发送的所有其他数据均使用 TCP/IP 通过互联网连接发送。
3. 如果服务器批准了客户端的请求，服务器会向客户端发送“200 OK”消息，这意味着“当然你可以查看该网站！就是这里”，然后开始将网站的文件发送到浏览器作为一系列称为数据包的小块
4. 浏览器将这些小块组装成一个完整的网页并显示给您。

文件解析顺序

• HTML 解析：浏览器首先解析 HTML 文件，检测 外部 CSS 和 <script> 标签JavaScript 标签。</script>

• 获取 CSS 和 JavaScript：解析 HTML 时，浏览器向服务器发送请求以获取引用的 CSS 和 JavaScript 文件。

• 解析和编译:

  • HTML 生成 DOM 树（文档对象模型）。
  • CSS 生成 CSSOM 树（CSS 对象模型）。
  • JavaScript 被编译并执行。

• 页面渲染：浏览器结合 DOM 和 CSSOM 来设计内容并执行 JavaScript，将页面的视觉表示绘制到屏幕上，允许用户交互。

什么是 DNS（域名系统）？

真实的网址并不是您在地址栏中输入的漂亮、令人难忘的字符串来查找您最喜爱的网站。它们是特殊的数字，如下所示：192.0.2.172。

这称为 IP 地址，它代表网络上的唯一位置。然而，它并不容易记住，不是吗？这就是发明域名系统的原因。该系统使用特殊服务器将您在浏览器中输入的网址（例如“mozilla.org”）与网站的真实（IP）地址进行匹配。

资源：

• MDN 网络文档

以上是5m 初学者如何使用网络的详细内容。更多信息请关注PHP中文网其他相关文章！