- 前言,以下內容學習自mdn社區,感興趣的朋友可以直接去看原文章
- web技術
目錄
- web機制
- 互聯網是怎么運作的
- 網站服務器是什么
- 什么是URL?
- 什么是web服務器?
- 什么是域名
- 什么是超鏈接
- 什么是網頁DOM
- goole瀏覽器開發者工具
web機制
互聯網是怎么運作的
五分鐘告訴你互聯網是如何工作的
這一部分的知識如果有計算機網絡的基礎就更好理解,視頻中講了互聯網的工作機制和信息的傳輸機制
- 計算機之間兩兩相連傳輸信息過于復雜,因此產生了路由器,用于管理信息的傳輸,我們需要把我們的網絡連接到互聯網服務提供商(ISP)。ISP 是一家可以管理一些特殊的路由器的公司,這些路由器連接其他 ISP 的路由器。你的網絡消息可以被 ISP 捕獲并發送到相應的網絡。互聯網就是由這些所有的網絡設施所組成。
- ip地址和域名用來標識計算機
- 互聯網是基礎設施,Web 是建立在這種基礎設施之上的服務。Web 服務器可以發送一些瀏覽器可以理解的信息
網站服務器是什么
首先你知道網站是多個網頁相互鏈接的集合,那么網站服務器,就是一臺托管一個或多個網站的計算機。“托管”意思是所有的網頁和它們的支持文件在那臺計算機上都可用。網絡服務器會根據每位用戶的請求,將任意網頁從托管的網站中發送到任意用戶的瀏覽器中。
什么是URL?
舉個例子
這些都是URL,你可以將它理解為網頁的地址,它由以下幾個部分組成
什么是web服務器?
web 服務器一詞可以代指硬件或軟件,或者是它們協同工作的整體。
- 硬件部分,web 服務器是一臺存儲了 web 服務器軟件以及網站的組成文件(比如,HTML 文檔、圖片、CSS 樣式表和 JavaScript 文件)的計算機。它接入到互聯網并且支持與其他連接到互聯網的設備進行物理數據的交互。
- 軟件部分,web 服務器包括控制網絡用戶如何訪問托管文件的幾個部分,至少是一臺 HTTP 服務器。一臺 HTTP 服務器是一種能夠理解 URL(網絡地址)和 HTTP(瀏覽器用來查看網頁的協議)的軟件。一個 HTTP 服務器可以通過它所存儲的網站域名進行訪問,并將這些托管網站的內容傳遞給最終用戶的設備。
基本上,當瀏覽器需要一個托管在網絡服務器上的文件的時候,瀏覽器通過 HTTP 請求這個文件。當這個請求到達正確的 web 服務器(硬件)時,HTTP 服務器(軟件)收到這個請求,找到這個被請求的文檔(如果這個文檔不存在,那么將返回一個 404 響應),并把這個文檔通過 HTTP 發送給瀏覽器。
-
靜態 web 服務器(static web server由一個計算機(硬件)和一個 HTTP 服務器(軟件)組成。我們稱它為“靜態”是因為這個服務器把它托管文件的“保持原樣”地傳送到你的瀏覽器。
-
動態 web 服務器(dynamic web server)由一個靜態的網絡服務器加上額外的軟件組成,最普遍的是一個應用服務器和一個數據庫。我們稱它為“動態”是因為這個應用服務器會在通過 HTTP 服務器把托管文件傳送到你的瀏覽器之前會對這些托管文件進行更新。
-
在 web 服務器上,HTTP 服務器負責處理和響應傳入的請求。當收到一個請求時,HTTP 服務器首先要檢查所請求的 URL 是否與一個存在的文件相匹配。
- 如果是,網絡服務器會傳送文件內容回到瀏覽器。
- 如果不是,服務器會檢查是否應該動態生成請求所需的文件(參見靜態和動態內容)。
- 如果兩種處理都不可能,網絡服務器會返回一個錯誤信息到瀏覽器,最常見的是 404 Not Found。404 錯誤太常見以至于很多網頁設計者花費許多時間去設計 404 錯誤頁面。
什么是域名
- 域名實際上就是把ip地址映射為人容易記住的網站名,比如www.baidu.com,域名和服務器一樣,需要購買才能長期擁有
什么是超鏈接
正如我們所說的,鏈接是一段鏈接到 URL 的文本,我們使用鏈接來跳轉到另一個文檔。關于鏈接,有一些細節值得考慮:
鏈接的類型
-
內鏈
內鏈是你的網頁之間的鏈接。沒有內部鏈接,就沒有網站(當然,除非是只有一頁的網站)。 -
外鏈
外鏈是從你的網頁鏈接到其他人的網頁的鏈接。沒有外部鏈接,就沒有 web,因為 web 是網頁的網絡。使用外部鏈接提供除你自己維護的內容之外的信息。 -
傳入鏈接
傳入鏈接是從其他人的網頁鏈接到你的網頁的鏈接。這只是從被鏈接者的角度看到的外部鏈接。請注意,當有人鏈接到你的網站時,你不必鏈接回去。
什么是網頁DOM
網頁DOM是HTML的樹形結構表示,可以通過JavaScript操控DOM來修改網頁
- DOM的核心概念
- 常見的DOM操作
goole瀏覽器開發者工具
開發者工具教學
- 今天實在沒啥狀態,就先學到這吧,練會槍去