輸入了url然後呢?

2021-09-11 13:06:56 字數 1561 閱讀 4704

foreword

輸入位址

瀏覽器查詢ip位址

瀏覽器向web伺服器傳送http請求

瀏覽器解析渲染頁面優化

當我們在瀏覽器輸入url時,瀏覽器已經開始只能匹配了,它會從我們的歷史記錄裡,書籤等地方找到可能匹配的字串,給出補全的url,有些瀏覽器甚至會把相關的頁面展示出來。

需要把我們輸入的網域名稱位址轉換成ip位址,這一過程稱為dns解析。dns解析是乙個遞迴查詢的過程。

網域名稱解析過程: . -> .com -> google.com. -> www.google.com.

dns負載均衡:成千上萬臺伺服器都可以作為解析的ip位址,dns可以返回乙個適合的機器的ip給使用者,從而達到加速和穩定的效果,例如可以根據每台機器的負載量,該機器離使用者地理位置的距離等等,這種過程就是dns負載均衡,又叫做dns重定向。cdn就是利用了dns的重定向技術,dns伺服器會返回乙個跟使用者最接近的點的ip位址給使用者,cdn節點的伺服器負責響應使用者的請求,提供所需的內容。

在動態網頁中,瀏覽器需要傳送請求到**的伺服器。 一般連線頭要求伺服器保持tcp連線開啟以用於進一步的請求。 請求中一般都會包含瀏覽器對此域的cookie。 http協議是使用tcp作為其傳輸層協議的,當tcp出現瓶頸時,http也會受到影響。tcp通過三次握手協議保證通訊正常。

http和https,https協議的本質就是http + ssl(or tls).http請求報文由三部分組成:請求行,請求報頭,請求正文

伺服器處理請求並返回http報文.

http響應報文也是由三部分組成:狀態碼,響應報頭,響應報文。根據狀態碼瀏覽器可能做重定向。瀏覽器會再次跟蹤重定向的位址。

瀏覽器根據返回的響應報文,進行頁面的渲染。

瀏覽器是乙個邊解析邊渲染的過程。首先瀏覽器解析html檔案構建dom樹,然後解析css檔案構建渲染樹,等到渲染樹構建完成後,瀏覽器開始布局渲染樹並將其繪製到螢幕上。這個過程比較複雜,涉及到兩個概念: reflow(回流)和repain(重繪)。dom節點中的各個元素都是以盒模型的形式存在,這些都需要瀏覽器去計算其位置和大小等,這個過程稱為relow;當盒模型的位置,大小以及其他屬性,如顏色,字型,等確定下來之後,瀏覽器便開始繪製內容,這個過程稱為repain。頁面在首次載入時必然會經歷reflow和repain。reflow和repain過程是非常消耗效能的,尤其是在移動裝置上,它會破壞使用者體驗,有時會造成頁面卡頓。所以我們應該盡可能少的減少reflow和repain。計算樣式並生成渲染物件的過程為attachment,每個dom節點有乙個attach方法,attachment的過程是同步的,呼叫新節點的attach方法插入到dom樹中。

parser:解析, render tree:渲染樹 layout:安排布局

拋過ui層面,乙個網頁的體感很大程度就要依靠載入的速度,在這一系列的載入渲染過程中,可優化的專案很多:

既然變化是必然的?然後呢?

讓未來盡可能照我們的意願變化。2層含義 第1層 朝明確的方向去變化。比如,2016年10月29日,只有10萬元。我們期望,2019年10月29日,我們能夠有100萬元。變化的過程,就是我們的財富從10萬增長到100萬的過程。第2層 朝不明確的方向去變化。比如,看電影和追劇的時候,最特麼煩的就是 劇透...

電影《熔爐》觀感 憤怒,狂怒,然後呢?

寫一下觀後感吧,思緒很亂,想表達的也很多,就隨便寫一下吧。先介紹下劇情吧 熔爐 是根據孔枝泳同名 改編的劇情電影,影片由黃東赫執導,孔劉 鄭裕美 金賢秀 金志映等主演。該影片以2000年至2004年間發生於光州一所聾啞障礙人學校中性暴力事件為藍本,描述該時間所引發的悲劇以及學校的教師和人權運動者一起...

輸入url發生了什麼

1 瀏覽器的位址列輸入url並按下回車 2 dns解析url對應的ip 3 根據ip位址建立tcp連線 4 http發起請求 5 伺服器處理請求,瀏覽器接受http響應 6 渲染頁面,構建dom樹 7 關閉tcp連線 1 輸入url 常見的url是形如 http 這個網域名稱由三部分組成 協議名 網...