摘要:遠(yuǎn)程服務(wù)器找到資源并使用響應(yīng)返回該資源,值為的狀態(tài)碼表示一個正確的響應(yīng)。三次握手示意圖協(xié)議的相關(guān)知識是一個應(yīng)用層協(xié)議,由請求和響應(yīng)構(gòu)成,是一個標(biāo)準(zhǔn)的客戶端服務(wù)器模型。由于服務(wù)器不保存發(fā)送請求的瀏覽器進(jìn)程的任何信息,因此協(xié)議屬于無狀態(tài)協(xié)議。
面試闖關(guān)2
瀏覽器都會開啟一個線程來處理這個請求,同時在遠(yuǎn)程DNS服務(wù)器上啟動一個DNS查詢,這樣就可以使得瀏覽器獲得請求對應(yīng)的IP地址了
瀏覽器通過與遠(yuǎn)程web服務(wù)器TCP三次握手協(xié)商來建立一個TCP/IP鏈接。
TCP/IP鏈接建立,瀏覽器會通過該鏈接向遠(yuǎn)程服務(wù)器發(fā)送HTTP的GET請求。遠(yuǎn)程服務(wù)器找到資源并使用HTTP響應(yīng)返回該資源,值為200的HTTP狀態(tài)碼表示一個正確的響應(yīng)。
web服務(wù)器提供資源服務(wù),客戶端開始下載資源。
解析html構(gòu)建dom樹->構(gòu)建render樹->布局render樹->繪制render樹。
TCP/IP三次握手示意圖
HTTP是一個應(yīng)用層協(xié)議,由請求和響應(yīng)構(gòu)成,是一個標(biāo)準(zhǔn)的客戶端服務(wù)器模型。HTTP是一個無狀態(tài)的協(xié)議。
無狀態(tài)協(xié)議
協(xié)議的狀態(tài)是指下一次傳輸可以“記住”這次傳輸信息的能力。
http是不會為了下一次連接而維護(hù)這次連接所傳輸?shù)男畔?為了保證服務(wù)器內(nèi)存。
比如客戶獲得一張網(wǎng)頁之后關(guān)閉瀏覽器,然后再一次啟動瀏覽器,再登陸該網(wǎng)站,但是服務(wù)器并不知道客戶關(guān)閉了一次瀏覽器。
由于Web服務(wù)器要面對很多瀏覽器的并發(fā)訪問,為了提高Web服務(wù)器對并發(fā)訪問的處理能力,在設(shè)計(jì)HTTP協(xié)議時規(guī)定Web服務(wù)器發(fā)送HTTP應(yīng)答報(bào)文和文檔時,不保存發(fā)出請求的Web瀏覽器進(jìn)程的任何狀態(tài)信息。這有可能出現(xiàn)一個瀏覽器在短短幾秒之內(nèi)兩次訪問同一對象時,服務(wù)器進(jìn)程不會因?yàn)橐呀?jīng)給它發(fā)過應(yīng)答報(bào)文而不接受第二期服務(wù)請求。由于Web服務(wù)器不保存發(fā)送請求的Web瀏覽器進(jìn)程的任何信息,因此HTTP協(xié)議屬于無狀態(tài)協(xié)議(Stateless Protocol)。
HTTP協(xié)議是無狀態(tài)的和Connection: keep-alive的區(qū)別:
無狀態(tài)是指協(xié)議對于事務(wù)處理沒有記憶能力,服務(wù)器不知道客戶端是什么狀態(tài)。從另一方面講,打開一個服務(wù)器上的網(wǎng)頁和你之前打開這個服務(wù)器上的網(wǎng)頁之間沒有任何聯(lián)系。
從HTTP/1.1起,默認(rèn)都開啟了Keep-Alive,保持連接特性,簡單地說,當(dāng)一個網(wǎng)頁打開完成后,客戶端和服務(wù)器之間用于傳輸HTTP數(shù)據(jù)的TCP連接不會關(guān)閉,如果客戶端再次訪問這個服務(wù)器上的網(wǎng)頁,會繼續(xù)使用這一條已經(jīng)建立的連接。
Keep-Alive不會永久保持連接,它有一個保持時間,可以在不同的服務(wù)器軟件(如Apache)中設(shè)定這個時間。
HTTP兩種基本的加密算法
對稱加密:AES、DES
非對稱加密:RSA
狀態(tài)碼
1(信息類):表示接收到請求并且繼續(xù)處理
100——客戶必須繼續(xù)發(fā)出請求
101——客戶要求服務(wù)器根據(jù)請求轉(zhuǎn)換HTTP協(xié)議版本
2(響應(yīng)成功):表示動作被成功接收、理解和接受
200——表明該請求被成功地完成,所請求的資源發(fā)送回客戶端
201——提示知道新文件的URL
202——接受和處理、但處理未完成
203——返回信息不確定或不完整
204——請求收到,但返回信息為空
205——服務(wù)器完成了請求,用戶代理必須復(fù)位當(dāng)前已經(jīng)瀏覽過的文件
206——服務(wù)器已經(jīng)完成了部分用戶的GET請求
3(重定向類)為了完成指定的動作,必須接受進(jìn)一步處理
300——請求的資源可在多處得到
301——本網(wǎng)頁被永久性轉(zhuǎn)移到另一個URL
302——請求的網(wǎng)頁被轉(zhuǎn)移到一個新的地址,但客戶訪問仍繼續(xù)通過原始URL地址,重定向,新的URL會在response中的Location中返回,瀏覽器將會使用新的URL發(fā)出新的Request。
303——建議客戶訪問其他URL或訪問方式
304——自從上次請求后,請求的網(wǎng)頁未修改過,服務(wù)器返回此響應(yīng)時,不會返回網(wǎng)頁內(nèi)容,代表上次的文檔已經(jīng)被緩存了,還可以繼續(xù)使用
305——請求的資源必須從服務(wù)器指定的地址得到
306——前一版本HTTP中使用的代碼,現(xiàn)行版本中不再使用
307——申明請求的資源臨時性刪除
4(客戶端錯誤類):請求包含錯誤語法或不能正確執(zhí)行
400——客戶端請求有語法錯誤,不能被服務(wù)器所理解
401——請求未經(jīng)授權(quán),這個狀態(tài)代碼必須和WWW-Authenticate報(bào)頭域一起使用
402——保留有效ChargeTo頭響應(yīng)
403——禁止訪問,服務(wù)器收到請求,但是拒絕提供服務(wù)
px 優(yōu)點(diǎn):比較穩(wěn)定和精確
px 存在問題:當(dāng)改變了瀏覽器的字體大小,這時會使用我們的Web頁面布局被打破。這時就提出了使用“em”來定義Web頁面的字體。
一般都是以
的“font-size”為基準(zhǔn)。比如說我們使用“1em”等于“10px”來改變默認(rèn)值“1em=16px”,這樣一來,我們設(shè)置字體大小相當(dāng)于“14px”時,只需要將其值設(shè)置為“1.4em”。em 是一個相對于父元素的值,其真正的計(jì)算公式是:
1 ÷ 父元素的font-size × 需要轉(zhuǎn)換的像素值 = em值
em存在的問題就是:在任何情況下都需要知道父元素的font-size
rem 是相對于html的,這樣就意味著,我們只需要在根元素確定一個參考值。
rem 的兼容性:
rem是CSS3新引進(jìn)來的一個度量單位,大家心里肯定會覺得心灰意冷呀,擔(dān)心瀏覽器的支持情況。其實(shí)大家不用害怕,你可能會驚訝,
支持的瀏覽器還是蠻多的,比如:Mozilla Firefox 3.6+、Apple Safari 5+、Google Chrome、IE9+和Opera11+,不支持IE6-8。
用于繪畫的 canvas 元素、svg
用于媒介回放的 video 和 audio 元素
對本地離線存儲的更好的支持
地理定位
新的特殊內(nèi)容元素,比如 article、footer、header、nav、section
新的表單控件,比如 calendar、date、time、email、url、search
參考資料http協(xié)議
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/116425.html
摘要:面試闖關(guān)在面試過程中,總會被問到一些你用到過但是記不清一些零碎的知識,現(xiàn)在做一下總結(jié)。在兼容模式中,頁面以寬松的向后兼容的方式顯示模擬老式瀏覽器的行為以防止站點(diǎn)無法工作。作為對象原型鏈的終點(diǎn)。格式采用鍵值對,例如參考面試總結(jié) 面試闖關(guān)1 在面試過程中,總會被問到一些你用到過、但是記不清一些零碎的知識,現(xiàn)在做一下總結(jié)。 第一部分:HTML+CSS 1.常用那幾種瀏覽器測試?有哪些內(nèi)核(L...
摘要:面試闖關(guān)在面試過程中,總會被問到一些你用到過但是記不清一些零碎的知識,現(xiàn)在做一下總結(jié)。在兼容模式中,頁面以寬松的向后兼容的方式顯示模擬老式瀏覽器的行為以防止站點(diǎn)無法工作。作為對象原型鏈的終點(diǎn)。格式采用鍵值對,例如參考面試總結(jié) 面試闖關(guān)1 在面試過程中,總會被問到一些你用到過、但是記不清一些零碎的知識,現(xiàn)在做一下總結(jié)。 第一部分:HTML+CSS 1.常用那幾種瀏覽器測試?有哪些內(nèi)核(L...
摘要:面試闖關(guān)在面試過程中,總會被問到一些你用到過但是記不清一些零碎的知識,現(xiàn)在做一下總結(jié)。在兼容模式中,頁面以寬松的向后兼容的方式顯示模擬老式瀏覽器的行為以防止站點(diǎn)無法工作。作為對象原型鏈的終點(diǎn)。格式采用鍵值對,例如參考面試總結(jié) 面試闖關(guān)1 在面試過程中,總會被問到一些你用到過、但是記不清一些零碎的知識,現(xiàn)在做一下總結(jié)。 第一部分:HTML+CSS 1.常用那幾種瀏覽器測試?有哪些內(nèi)核(L...
摘要:遠(yuǎn)程服務(wù)器找到資源并使用響應(yīng)返回該資源,值為的狀態(tài)碼表示一個正確的響應(yīng)。三次握手示意圖協(xié)議的相關(guān)知識是一個應(yīng)用層協(xié)議,由請求和響應(yīng)構(gòu)成,是一個標(biāo)準(zhǔn)的客戶端服務(wù)器模型。由于服務(wù)器不保存發(fā)送請求的瀏覽器進(jìn)程的任何信息,因此協(xié)議屬于無狀態(tài)協(xié)議。 面試闖關(guān)2 1.一個頁面從輸入URL到頁面加載顯示完成,這個過程中都發(fā)生了什么? 瀏覽器都會開啟一個線程來處理這個請求,同時在遠(yuǎn)程DNS服務(wù)器上啟...
摘要:對象數(shù)組初始化表達(dá)式,闖關(guān)記之上文檔對象模型是針對和文檔的一個。闖關(guān)記之?dāng)?shù)組數(shù)組是值的有序集合。數(shù)組是動態(tài)的,根闖關(guān)記之語法的語法大量借鑒了及其他類語言如和的語法。 《JavaScript 闖關(guān)記》之 DOM(下) Element 類型 除了 Document 類型之外,Element 類型就要算是 Web 編程中最常用的類型了。Element 類型用于表現(xiàn) XML 或 HTML 元素...
閱讀 1774·2021-09-28 09:43
閱讀 1122·2021-09-23 11:22
閱讀 2737·2021-09-14 18:05
閱讀 1832·2019-08-30 15:52
閱讀 2820·2019-08-30 10:55
閱讀 2019·2019-08-29 16:58
閱讀 1331·2019-08-29 16:37
閱讀 3045·2019-08-29 16:25