從輸入URL到頁面載入都發生了什麼

2021-10-24 12:02:12 字數 484 閱讀 9925

tcp也叫做傳輸控制協議,用來電腦與電腦之間的一種通訊協議,用位元組流的方式傳輸資料。補充:建立乙個連線需要三次握手,終止乙個連線需要經過4個連線

http請求發生在客戶端,傳送http請求的過程就是構建http請求報文並且通過tcp協議傳輸傳送到伺服器的指定埠(http是8080/80埠,https是443)。http請求報文是由三部分組成。請求行,請求報頭,請求正文組成。

瀏覽器在收到剛剛接收到的html, css ,js等資源的時候,首先將html解析成dom樹,將css解析成渲染樹,然後合成一棵render樹,然後開始painting,其中繪製的過程中有乙個重要概念,回流(reflow)和重繪(repain),dom節點中的各個元素都是以盒模型的形式存在,這些都需要瀏覽器去計算它的大小,位置等,這個稱為回流。

當盒模型的大小位置,以及其它屬性(顏色,字型)完成時,也就是當回流完成時就開始了繪製內容,這就叫重繪。回流和重繪都非常消耗效能,所以我們盡可能減少回流和重繪。然後就是開始js的解析。

從輸入URL到頁面顯示,都發生了什麼?

瀏覽器將使用者在位址列中輸入的url封裝成請求報文 瀏覽器發起dns解析,將網域名稱轉換為ip位址 remote address 14.215.177.38 443 瀏覽器將請求報文傳送給伺服器 伺服器接收請求報文並解析,解析完畢知道使用者要請求什麼資料 伺服器對使用者需要請求的資料進行處理,處理完...

從輸入URL到頁面載入,發生了什麼

整理之前的筆記時,發現之前的掌握的東西尚差的太遠,就仔細查詢了這個問題。總體來說,可以分為一下幾個部分 1.dns解析 2.tcp連線 3.傳送http請求 4.伺服器處理請求並返回http報文 5.瀏覽器解析渲染頁面 6.連線結束 dns解析是將網域名稱轉換成ip的過程,從使用者在瀏覽器位址列輸入...

從輸入URL到頁面載入發生了什麼

最近在進行前端面試方面的一些準備,看了網上許多相關的文章,發現有乙個問題始終繞不開 在瀏覽器中輸入url到整個頁面顯示在使用者面前時這個過程中到底發生了什麼。仔細思考這個問題,發現確實很深,這個過程涉及到的東西很多。這個問題的回答真的能夠很好的考驗乙個web工程師的水平,於是我自問自答一番。總體來說...