banner
朝闻道

朝闻道

做个知行合一的人
email

Web前端基础——我们是怎样访问网页的

以静态网页为例。

Html 文件#

Html 文件是可以被浏览器读取后生成静态网页的文件。该文件使用 Html 语言编写,html 语言被称为超文本语言,"超" 体现在这种语言在纯文本的基础上添加了结构化的语法 —— 标签 —— 来赋予纯文本标题、段落、菜单、列表、链接等结构化属性。此外,Html 文件还支持嵌入图像、视频等。

服务器#

服务器是一台联网的、用于储存文件的电脑。
服务器是一个联网的、专门用于储存文件的电脑(大小像一个盒子)。每个服务器都有独特的 Ip 地址,用于交互。

补充

  • 静态网站服务器是指,文件保持原样传送给用户。
  • 动态网站服务器在硬件和 http 软件之外加入新功能,常见应用服务器和数据库。发送文件会进行更新。

Ip 地址#

Ip 地址是一个 32 位的二进制数(这决定了人很难记住它)。
Ip 地址就像是每个人的电话号一样,每一个人的电话号都唯一。
同样,每台联网的电脑都有一个唯一的 Ip 地址。只要知道了这个地址,我们就能知道储存在网络上的文件的位置。

Url 地址#

url 是一个简单化的互联网资源定位器,俗称网址,可与 Ip 地址关联(解决了 Ip 地址不方便人记忆的问题)。
url 的组成:协议 + 域名 + 资源路径。

浏览器#

浏览器是解析、渲染 html、css 等文件的工具,也是解析 url 的工具,是客户端(用户)和服务器端产生交互的桥梁。
用户通过向浏览器输入 Url(网址),浏览器解析出 Url 对应的 Ip 地址,并向该 Ip 发送交互请求,以求获得访问文件的权限。

我们访问网页的过程可以描述为:

  1. 用户向浏览器输入 Url 网站→
  2. 浏览器解析 Url→浏览器向 Ip 地址发送访问请求→
  3. 服务器响应,批准请求,将对应文件发给浏览器→
  4. 浏览器将文件可视化渲染,向用户呈现出可视化页面。

流量#

假如服务器在国外(或距你很远的地方),访问时长就会很慢,消耗的流量也会很多。
因为物理距离太远了,硬伤。
所以,人们发明了 CDS 内容分发式服务,将远处主服务器的文件先缓存在各个地区的次服务器中,当用户访问网址时直接将距离最近的次服务器内容返回给用户,达到缩减物理距离,加快访问速度、节约流量的目的。

以上是我浅浅的理解。

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。