前端開發(fā)緊密相關(guān)的HTTP協(xié)議有什么用

小編給大家分享一下前端開發(fā)緊密相關(guān)的HTTP協(xié)議有什么用，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

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

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

HTTP是無狀態(tài)的：同一個(gè)客戶端，連續(xù)發(fā)起多次請(qǐng)求，對(duì)HTTP服務(wù)器來說，都是新的請(qǐng)求，HTTP沒辦法知道來自一個(gè)客戶端。

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

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

request/response line：包括請(qǐng)求的方法Method（GET/POST）、請(qǐng)求資源的路徑path to resource和http協(xié)議的版本號(hào)。

request/response header：這邊就是各種請(qǐng)求頭了。

Body：響應(yīng)體，一般是HTML文件。如果是get請(qǐng)求，是沒有響應(yīng)體的。

HTTP請(qǐng)求方法：

GET    請(qǐng)求獲取Request-URI所標(biāo)識(shí)的資源
POST    在Request-URI所標(biāo)識(shí)的資源后附加新的數(shù)據(jù)
HEAD    請(qǐng)求獲取由Request-URI所標(biāo)識(shí)的資源的響應(yīng)消息報(bào)頭
PUT      請(qǐng)求服務(wù)器存儲(chǔ)一個(gè)資源，并用Request-URI作為其標(biāo)識(shí)
DELETE  請(qǐng)求服務(wù)器刪除Request-URI所標(biāo)識(shí)的資源
TRACE   請(qǐng)求服務(wù)器回送收到的請(qǐng)求信息，主要用于測(cè)試或診斷
CONNECT 保留將來使用
OPTIONS 請(qǐng)求查詢服務(wù)器的性能，或者查詢與資源相關(guān)的選項(xiàng)和需求

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

HTTP狀態(tài)碼：

1XX  提示信息 - 表示請(qǐng)求已被成功接收，繼續(xù)處理。

2XX  成功 - 表示請(qǐng)求已被成功接收，理解，接受

3XX  重定向 - 要完成請(qǐng)求必須進(jìn)行更進(jìn)一步的處理

4XX  客戶端錯(cuò)誤 -  請(qǐng)求有語法錯(cuò)誤或請(qǐng)求無法實(shí)現(xiàn)

5XX  服務(wù)器端錯(cuò)誤 -   服務(wù)器未能實(shí)現(xiàn)合法的請(qǐng)求

狀態(tài)碼很多，可以自行了解，我覺得有幾個(gè)是必須知道的。

HTTP通信過程：根據(jù)URL查詢DNS、查找服務(wù)器、建立TCP連接、發(fā)送請(qǐng)求、服務(wù)器響應(yīng)。

對(duì)于HTTP，我覺得基礎(chǔ)的要知道HTTP是無狀態(tài)的、HTTP的消息結(jié)構(gòu)、基本請(qǐng)求方法、基本狀態(tài)碼這四部分。

HTTP協(xié)議需要學(xué)習(xí)的還很多很多，這只是基本需要知道的。

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

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

HTTP是無狀態(tài)的：同一個(gè)客戶端，連續(xù)發(fā)起多次請(qǐng)求，對(duì)HTTP服務(wù)器來說，都是新的請(qǐng)求，HTTP沒辦法知道來自一個(gè)客戶端。

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

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

request/response line：包括請(qǐng)求的方法Method（GET/POST）、請(qǐng)求資源的路徑path to resource和http協(xié)議的版本號(hào)。

request/response header：這邊就是各種請(qǐng)求頭了。

Body：響應(yīng)體，一般是HTML文件。如果是get請(qǐng)求，是沒有響應(yīng)體的。

HTTP請(qǐng)求方法：

GET    請(qǐng)求獲取Request-URI所標(biāo)識(shí)的資源
POST    在Request-URI所標(biāo)識(shí)的資源后附加新的數(shù)據(jù)
HEAD    請(qǐng)求獲取由Request-URI所標(biāo)識(shí)的資源的響應(yīng)消息報(bào)頭
PUT      請(qǐng)求服務(wù)器存儲(chǔ)一個(gè)資源，并用Request-URI作為其標(biāo)識(shí)
DELETE  請(qǐng)求服務(wù)器刪除Request-URI所標(biāo)識(shí)的資源
TRACE   請(qǐng)求服務(wù)器回送收到的請(qǐng)求信息，主要用于測(cè)試或診斷
CONNECT 保留將來使用
OPTIONS 請(qǐng)求查詢服務(wù)器的性能，或者查詢與資源相關(guān)的選項(xiàng)和需求

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

HTTP狀態(tài)碼：

1XX  提示信息 - 表示請(qǐng)求已被成功接收，繼續(xù)處理。

2XX  成功 - 表示請(qǐng)求已被成功接收，理解，接受

3XX  重定向 - 要完成請(qǐng)求必須進(jìn)行更進(jìn)一步的處理

4XX  客戶端錯(cuò)誤 -  請(qǐng)求有語法錯(cuò)誤或請(qǐng)求無法實(shí)現(xiàn)

5XX  服務(wù)器端錯(cuò)誤 -   服務(wù)器未能實(shí)現(xiàn)合法的請(qǐng)求

狀態(tài)碼很多，可以自行了解，我覺得有幾個(gè)是必須知道的。

HTTP通信過程：根據(jù)URL查詢DNS、查找服務(wù)器、建立TCP連接、發(fā)送請(qǐng)求、服務(wù)器響應(yīng)。

對(duì)于HTTP，我覺得基礎(chǔ)的要知道HTTP是無狀態(tài)的、HTTP的消息結(jié)構(gòu)、基本請(qǐng)求方法、基本狀態(tài)碼這四部分。

HTTP協(xié)議需要學(xué)習(xí)的還很多很多，這只是基本需要知道的。

看完了這篇文章，相信你對(duì)前端開發(fā)緊密相關(guān)的HTTP協(xié)議有什么用有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！