應用層是體系結構中的最高層。應用層確定進程之間通信的性質以滿足用戶的需要。這里的進程就是指正在運行的程序。應用層不僅要提供應用進程所需要的信息交換和遠地操作，而且還要作為互相作用的應用進程的用戶代理，來完成一些為進行語義上有意義的信息交換所必須的功能。應用層直接為用戶的應用進程提供服務。
2、TCP/UDP屬于傳輸層
傳輸層的任務就是負責主機中兩個進程之間的通信。因特網的傳輸層可使用兩種不同協議：即面向連接的傳輸控制協議TCP，和無連接的用戶數據報協議UDP。面向連接的服務能夠提供可靠的交付，但無連接服務則不保證提供可靠的交付，它只是“盡最大努力交付”。這兩種服務方式都很有用，備有其優缺點。在分組交換網內的各個交換結點機都沒有傳輸層。
3、IP協議，ARP協議屬于網絡層
網絡層負責為分組交換網上的不同主機提供通信。在發送數據時，網絡層將運輸層產生的報文段或用戶數據報封裝成分組或包進行傳送。在TCP/IP體系中，分組也叫作IP數據報，或簡稱為數據報。網絡層的另一個任務就是要選擇合適的路由，使源主機運輸層所傳下來的分組能夠交付到目的主機。
4、數據鏈路層
當發送數據時，數據鏈路層的任務是將在網絡層交下來的IP數據報組裝成幀，在兩個相鄰結點間的鏈路上傳送以幀為單位的數據。每一幀包括數據和必要的控制信息（如同步信息、地址信息、差錯控制、以及流量控制信息等）。控制信息使接收端能夠知道—個幀從哪個比特開始和到哪個比特結束。控制信息還使接收端能夠檢測到所收到的幀中有無差錯。
5、物理層
物理層的任務就是透明地傳送比特流。在物理層上所傳數據的單位是比特。傳遞信息所利用的一些物理媒體，如雙絞線、同軸電纜、光纜等瀏覽器兼容性問題面試，并不在物理層之內而是在物理層的下面。因此也有人把物理媒體當做第0層。
3. 瀏覽器的主要功能
瀏覽器的主要功能就是向服務器發出請求，在瀏覽器窗口中展示您選擇的網絡資源。這里所說的資源一般是指 HTML 文檔，也可以是 PDF、圖片或其他的類型。資源的位置由用戶使用 URI（統一資源標示符）指定。
4. 瀏覽器的工作原理
渲染引擎一開始會從網絡層獲取請求文檔的內容，內容的大小一般限制在 8000 個塊以內。
然后進行如下所示的基本流程：
圖：渲染引擎的基本流程
渲染引擎將開始解析 HTML 文檔，并將各標記逐個轉化成“內容樹”上的 DOM 節點。同時也會解析外部 CSS 文件以及樣式元素中的樣式數據。HTML 中這些帶有視覺指令的樣式信息將用于創建另一個樹結構：渲染樹。
渲染樹包含多個帶有視覺屬性（如顏色和尺寸）的矩形。這些矩形的排列順序就是它們將在屏幕上顯示的順序。
渲染樹構建完畢之后，進入“布局”處理階段，也就是為每個節點分配一個應出現在屏幕上的確切坐標。下一個階段是繪制 - 渲染引擎會遍歷渲染樹，由用戶界面后端層將每個節點繪制出來。
需要著重指出的是，這是一個漸進的過程。為達到更好的用戶體驗，渲染引擎會力求盡快將內容顯示在屏幕上。它不必等到整個 HTML 文檔解析完畢之后，就會開始構建呈現樹和設置布局。在不斷接收和處理來自網絡的其余內容的同時，渲染引擎會將部分內容解析并顯示出來。
5. 瀏覽器的主要組成部分是什么？ 用戶界面 - 包括地址欄、前進/后退按鈕、書簽菜單等。除了瀏覽器主窗口顯示的您請求的頁面外，其他顯示的各個部分都屬于用戶界面。瀏覽器引擎 - 在用戶界面和呈現引擎之間傳送指令。呈現引擎 - 負責顯示請求的內容。如果請求的內容是 HTML，它就負責解析 HTML 和 CSS 內容，并將解析后的內容顯示在屏幕上。網絡 - 用于網絡調用，比如 HTTP 請求。其接口與平臺無關，并為所有平臺提供底層實現。用戶界面后端 - 用于繪制基本的窗口小部件，比如組合框和窗口。其公開了與平臺無關的通用接口，而在底層使用操作系統的用戶界面方法。 解釋器。用于解析和執行 代碼。數據存儲。這是持久層。瀏覽器需要在硬盤上保存各種數據，例如 。新的 HTML 規范 (HTML5) 定義了“網絡數據庫”，這是一個完整（但是輕便）的瀏覽器內數據庫。
圖：瀏覽器的主要組件。
值得注意的是，和大多數瀏覽器不同， 瀏覽器的每個標簽頁都分別對應一個呈現引擎實例。每個標簽頁都是一個獨立的進程。
6. 瀏覽器是如何渲染UI的？ 瀏覽器獲取HTML文件，然后對文件進行解析瀏覽器兼容性問題面試，形成DOM Tree與此同時，進行CSS解析，生成Style Rules接著將DOM Tree與Style Rules合成為 Tree接著進入布局（）階段，也就是為每個節點分配一個應出現在屏幕上的確切坐標隨后調用GPU進行繪制（Paint），遍歷 Tree的節點，并將元素呈現出來
7. DOM Tree是如何構建的？ 轉碼: 瀏覽器將接收到的二進制數據按照指定編碼格式轉化為HTML字符串生成: 之后開始，瀏覽器會將HTML字符串解析成構建Nodes: 對Node添加特定的屬性，通過指針確定 Node 的父、子、兄弟關系和所屬 生成DOM Tree: 通過node包含的指針確定的關系構建出DOM
Tree
8. 瀏覽器重繪與重排的區別？
單單改變元素的外觀，肯定不會引起網頁重新生成布局，但當瀏覽器完成重排之后，將會重新繪制受到此次重排影響的部分
重排和重繪代價是高昂的，它們會破壞用戶體驗，并且讓UI展示非常遲緩，而相比之下重排的性能影響更大，在兩者無法避免的情況下，一般我們寧可選擇代價更小的重繪。
『重繪』不一定會出現『重排』，『重排』必然會出現『重繪』。
9. 如何觸發重排和重繪？
任何改變用來構建渲染樹的信息都會導致一次重排或重繪：
10. 如何避免重繪或者重排？
集中改變樣式，不要一條一條地修改 DOM 的樣式。
不要把 DOM 結點的屬性值放在循環里當成循環里的變量。
為動畫的 HTML 元件使用 fixed 或 的 ，那么修改他們的 CSS 是不會 的。
不使用 table 布局。因為可能很小的一個小改動會造成整個 table 的重新布局。
盡量只修改：或fixed元素，對其他元素影響不大
動畫開始GPU加速，使用3D變化
提升為合成層
將元素提升為合成層有以下優點：
#target {
will-change: transform;
}
關于合成層的詳解請移步無線性能優化：
11. 介紹下304過程 12. 瀏覽器的緩存機制 強制緩存 && 協商緩存
瀏覽器與服務器通信的方式為應答模式，即是：瀏覽器發起HTTP請求 – 服務器響應該請求。那么瀏覽器第一次向服務器發起該請求后拿到請求結果，會根據響應報文中HTTP頭的緩存標識，決定是否緩存結果，是則將請求結果和緩存標識存入瀏覽器緩存中，簡單的過程如下圖：
由上圖我們可以知道：
傳送門 ? # 徹底理解瀏覽器的緩存機制
13. 、、 的區別
相同點：
不同點：
14. 說下進程、線程和協程
進程是一個具有一定獨立功能的程序在一個數據集上的一次動態執行的過程，是操作系統進行資源分配和調度的一個獨立單位，是應用程序運行的載體。進程是一種抽象的概念，從來沒有統一的標準定義。
線程是程序執行中一個單一的順序控制流程，是程序執行流的最小單元，是處理器調度和分派的基本單位。一個進程可以有一個或多個線程，各個線程之間共享程序的內存空間(也就是所在進程的內存空間)。一個標準的線程由線程ID、當前指令指針(PC)、寄存器和堆棧組成。而進程由內存空間(代碼、數據、進程空間、打開的文件)和一個或多個線程組成。
協程，英文，是一種基于線程之上，但又比線程更加輕量級的存在，這種由程序員自己寫程序來管理的輕量級線程叫做『用戶空間線程』，具有對內核來說不可見的特性。
進程和線程的區別與聯系
【區別】：
調度：線程作為調度和分配的基本單位，進程作為擁有資源的基本單位；
并發性：不僅進程之間可以并發執行，同一個進程的多個線程之間也可并發執行；
擁有資源：進程是擁有資源的一個獨立單位，線程不擁有系統資源，但可以訪問隸屬于進程的資源。
系統開銷：在創建或撤消進程時，由于系統都要為之分配和回收資源，導致系統的開銷明顯大于創建或撤消線程時的開銷。但是進程有獨立的地址空間，一個進程崩潰后，在保護模式下不會對其它進程產生影響，而線程只是一個進程中的不同執行路徑。線程有自己的堆棧和局部變量，但線程之間沒有單獨的地址空間，一個進程死掉就等于所有的線程死掉，所以多進程的程序要比多線程的程序健壯，但在進程切換時，耗費資源較大，效率要差一些。
【聯系】：
一個線程只能屬于一個進程，而一個進程可以有多個線程，但至少有一個線程；
資源分配給進程，同一進程的所有線程共享該進程的所有資源；
處理機分給線程，即真正在處理機上運行的是線程；
線程在執行過程中，需要協作同步。不同進程的線程間要利用消息通信的辦法實現同步。
傳送門 ? # 一文搞懂進程、線程、協程及JS協程的發展