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 內容分發式服務,將遠處主伺服器的文件先緩存在各個地區的次伺服器中,當用戶訪問網址時直接將距離最近的次伺服器內容返回給用戶,達到縮減物理距離,加快訪問速度、節約流量的目的。

以上是我淺淺的理解。

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。