基礎版本
詳細版本
在瀏覽器位址列輸入url
瀏覽器檢視快取，如果請求資源在快取中並且新鮮，跳轉到轉碼步驟
如果資源未快取，發起新請求
如果已經快取，檢驗是否新鮮，足夠新鮮直接提供給客戶端，否則與伺服器進行驗證。
檢驗新鮮通常有兩個http頭進行控制expires和cache-control
瀏覽器解析 url獲取協議，主機，埠，path
瀏覽器組裝乙個http（get）請求報文
瀏覽器獲取主機ip位址，過程如下
瀏覽器快取
本機快取
hosts檔案
路由器快取
isp dns快取
dns遞迴查詢（可能存在負載均衡導致每次ip不一樣）
開啟乙個socket與目標ip位址，埠建立tcp鏈結，三次握手如下：
客戶端傳送乙個tcp的syn=1，seq=x的包到伺服器端口
伺服器發回syn=1，ack=x+1，seq=y的響應包
客戶端傳送ack=y+1，seq=z
tcp鏈結建立後傳送http請求
伺服器接受請求並解析，將請求**到服務程式，如虛擬主機使用http host頭部判斷請求的服務程式
伺服器檢查http請求頭是否包含快取驗證資訊，如果驗證快取新鮮，返回304等對應狀態碼
處理程式讀取完整請求並準備http響應，可能需要查詢資料庫等操作
伺服器將響應報文通過tcp連線傳送回瀏覽器
瀏覽器接收http響應，然後根據情況選擇關閉tcp連線或者保留重用，關閉tcp連線的四次握手如下：
主動方傳送fin=1，ack=z，seq=x報文
被動方傳送ack=x+1，ack=x，seq=y報文
被動方傳送fin=1，ack=x，seq=y報文
主動方傳送ack=y,seq=x報文
瀏覽器檢查響應狀態碼：是否為1xx，3xx，4xx，5xx，這些情況處理與2xx不同
如果資源可快取，進行快取
對響應進行解碼（例如gzip壓縮）
根據資源型別決定如何處理（假設資源為html文件）
構建dom樹：
tokenizing：根據html規範將字元流解析為標記
lexing：詞法分析將標記轉換為物件並定義屬性和規則
dom construction：根據html標記關係將物件組成dom樹
構建cssom樹：
tokenizing：字元流轉換為標記流
node：根據標記建立節點
cssom：節點建立cssom樹
根據dom樹和cssom樹構建渲染樹：
從dom樹的根節點遍歷所有可見節點，不可見節點包括：
對每乙個可見節點，找到恰當的cssom規則並應用
發布可視節點的內容和計算樣式
js解析如下：
瀏覽器建立document物件並解析html，將解析到的元素和文字節點新增到文件中，此時document.readystate為loading
當文件完成解析，document.readstate變成interactive
所有defer指令碼會按照在文件出現的順序執行，延遲指令碼能訪問完整文件樹，禁止使用document.write()
瀏覽器在document物件上觸發domcontentloaded事件
此時文件完全解析完成，瀏覽器可能還在等待如等內容載入，等這些內容完成載入並且所有非同步指令碼完成載入和執行，document.readstate變為complete，window觸發load事件
顯示頁面（html解析過程中會逐步顯示頁面）
詳細簡版
從瀏覽器接收url 到開啟網路請求執行緒（這一部分可以展開瀏覽器的機制以及程序與執行緒之間的關係）
開啟網路執行緒到發出乙個完整的http 請求（這一部分設計到dns查詢，tcp/ip 請求，五層網際網路協議棧等知識）
從伺服器接收到請求到對應後台接收到請求（這一部分可能涉及到負載均衡，安全攔截以及後台內部的處理）
後台和前台的http 互動（這一部分包括http 頭部、響應碼、報文結構、cookie 等知識，可以提下靜態資源的cookie 優化，以及編碼解碼，如gzip 壓縮等）
單獨拎出來的快取問題，http 的快取（這部分包括http 快取頭部，etag ，catch-control 等）
瀏覽器接收到http 資料報後的解析流程（解析html -詞法分析然後解析成dom 樹、解析css 生成css 規則樹、合併成render 樹，然後layout 、painting 渲染、復合圖層的合成、gpu 繪製、外鏈資源的處理、loaded 和domcontentloaded 等）
css 的視覺化格式模型（元素的渲染規則，如包含塊，控制框，bfc ，ifc 等概念）
js 引擎解析過程（js 的解釋階段，預處理階段，執行階段生成執行上下文，vo ，作用域鏈、**機制等等）
其他（可以拓展不同的知識模組，如跨域，web安全，hybrid 模式等等內容）
瀏覽器位址列輸入url到頁面顯示
1 瀏覽器通過dns網域名稱解析到ip位址 2 瀏覽器通過tcp協議建立到伺服器的tcp連線 tcp三次握手 3 客戶端 瀏覽器 向web伺服器端傳送http協議包，請求伺服器裡的資源文件 4 伺服器向客戶端傳送http協議應答包 5 客戶端和伺服器斷開連線 tcp四次揮手 客戶端開始解析處理htm...
從瀏覽器位址列輸入url到顯示頁面的步驟
在瀏覽器位址列輸入url 瀏覽器檢視快取，如果請求資源在快取中並且新鮮，跳轉到轉碼步驟 如果資源未快取，發起新請求 如果已快取，檢驗是否足夠新鮮，足夠新鮮直接提供給客戶端，否則與伺服器進行驗證。檢驗新鮮通常有兩個http頭進行控制expires和cache control 瀏覽器解析url獲取協議，...
從瀏覽器位址列輸入url到顯示頁面的步驟
基礎版本 詳細版 在瀏覽器位址列輸入url 瀏覽器檢視快取，如果請求資源在快取中並且新鮮，跳轉到轉碼步驟 如果資源未快取，發起新請求 如果已快取，檢驗是否足夠新鮮，足夠新鮮直接提供給客戶端，否則與伺服器進行驗證。檢驗新鮮通常有兩個http頭進行控制expires和cache control 瀏覽器解...