前端工程師打交道最多的就是瀏覽器，不管做什么都離不開瀏覽器，其中HTTP協議往往會被我們忽略，但其實資源緩存、CDN加載、頁面性能優化等等都離不開對HTTP協議的了解。

HTTP也叫作超文本傳輸協議，全稱：Hyper Transfer Protocol。最初HTTP只能傳輸HTML文件，慢慢的現在可以傳輸文字、圖像、視頻和各種流文件。

HTTP是無狀態的：同一個客戶端，連續發起多次請求，對HTTP服務器來說，都是新的請求，HTTP沒辦法知道來自一個客戶端。

HTTP消息結構：要看具體消息結構需要用抓包工具，所以這邊只有簡單介紹，沒有具體實例。Request和response的消息結構基本一樣。

Header：分為request/response line和request/response header。

request/response line：包括請求的方法Method（GET/POST）、請求資源的路徑path to resource和http協議的版本號。

request/response header：這邊就是各種請求頭了。

Body：響應體，一般是HTML文件。如果是get請求，是沒有響應體的。

HTTP請求方法：

GET 請求獲取Request-URI所標識的資源
POST 在Request-URI所標識的資源后附加新的數據
HEAD 請求獲取由Request-URI所標識的資源的響應消息報頭
PUT 請求服務器存儲一個資源，并用Request-URI作為其標識
DELETE 請求服務器刪除Request-URI所標識的資源
TRACE 請求服務器回送收到的請求信息，主要用于測試或診斷
CONNECT 保留將來使用
OPTIONS 請求查詢服務器的性能，或者查詢與資源相關的選項和需求

對于我們來說，常用的就是GET、和POST。再次聲明，不用表單提交，get不存在跟post比較有安全性問題。

HTTP狀態碼：

1XX 提示信息 - 表示請求已被成功接收，繼續處理。

2XX 成功 - 表示請求已被成功接收，理解，接受

3XX 重定向 - 要完成請求必須進行更進一步的處理

4XX 客戶端錯誤 - 請求有語法錯誤或請求無法實現

5XX 服務器端錯誤 - 服務器未能實現合法的請求

狀態碼很多，可以自行了解，我覺得有幾個是必須知道的。

HTTP通信過程：根據URL查詢DNS、查找服務器、建立TCP連接、發送請求、服務器響應。

對于HTTP，我覺得基礎的要知道HTTP是無狀態的、HTTP的消息結構、基本請求方法、基本狀態碼這四部分。

HTTP協議需要學習的還很多很多，這只是基本需要知道的。

歡迎關注Coding個人筆記 公眾號

前端工程師打交道最多的就是瀏覽器，不管做什么都離不開瀏覽器，其中HTTP協議往往會被我們忽略，但其實資源緩存、CDN加載、頁面性能優化等等都離不開對HTTP協議的了解。

HTTP也叫作超文本傳輸協議，全稱：Hyper Transfer Protocol。最初HTTP只能傳輸HTML文件，慢慢的現在可以傳輸文字、圖像、視頻和各種流文件。

HTTP是無狀態的：同一個客戶端，連續發起多次請求，對HTTP服務器來說，都是新的請求，HTTP沒辦法知道來自一個客戶端。

HTTP消息結構：要看具體消息結構需要用抓包工具，所以這邊只有簡單介紹，沒有具體實例。Request和response的消息結構基本一樣。

Header：分為request/response line和request/response header。

request/response line：包括請求的方法Method（GET/POST）、請求資源的路徑path to resource和http協議的版本號。

request/response header：這邊就是各種請求頭了。

Body：響應體，一般是HTML文件。如果是get請求，是沒有響應體的。

HTTP請求方法：

GET 請求獲取Request-URI所標識的資源
POST 在Request-URI所標識的資源后附加新的數據
HEAD 請求獲取由Request-URI所標識的資源的響應消息報頭
PUT 請求服務器存儲一個資源，并用Request-URI作為其標識
DELETE 請求服務器刪除Request-URI所標識的資源
TRACE 請求服務器回送收到的請求信息，主要用于測試或診斷
CONNECT 保留將來使用
OPTIONS 請求查詢服務器的性能，或者查詢與資源相關的選項和需求

對于我們來說，常用的就是GET、和POST。再次聲明，不用表單提交，get不存在跟post比較有安全性問題。

HTTP狀態碼：

1XX 提示信息 - 表示請求已被成功接收，繼續處理。

2XX 成功 - 表示請求已被成功接收，理解，接受

3XX 重定向 - 要完成請求必須進行更進一步的處理

4XX 客戶端錯誤 - 請求有語法錯誤或請求無法實現

5XX 服務器端錯誤 - 服務器未能實現合法的請求

狀態碼很多，可以自行了解，我覺得有幾個是必須知道的。

HTTP通信過程：根據URL查詢DNS、查找服務器、建立TCP連接、發送請求、服務器響應。

對于HTTP，我覺得基礎的要知道HTTP是無狀態的、HTTP的消息結構、基本請求方法、基本狀態碼這四部分。

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。