作為前端工程師，幾乎每天都要和瀏覽器打交道。

理解瀏覽器是如何工作的，對我們做業務的技術選型、架構設計等都有非常重要的作用，讓我們可以準確評估 Web 開發項目的可行性，站在更高維度審視頁面，以及在快節奏的技術迭代中把握住問題的本質。

可是我發現，大部分前端工程師對瀏覽器的理解，其實并不深入透徹。

比如，面試時我通常會問候選者一個問題：“在瀏覽器里，從輸入URL到頁面展示中間發生了什么？”

這道題涉及到網絡、操作系統、Web等一系列的知識，如果你要開發流暢的頁面，或者診斷Web頁面中的性能問題，那你就需要了解URL是怎么變成頁面的，只有弄懂這些之后，你才可以站在全局的角度定位問題或者寫出高效的代碼。

但遺憾的是，大多數人只能回答其中零散的知識點，并不能將這些知識點串聯成線，無法系統全面地回答。

也難怪，瀏覽器確實會涉及很多概念，不僅繁多而且瑣碎，包括網絡、渲染、安全，以及大前端相關的大量概念。比如，首屏的顯示就涉及了DNS、HTTP、DOM解析、CSS阻塞、JavaScript阻塞等技術因素，其中一項沒處理好就可能導致整個頁面的延時。如果沒有系統的學習，很容易出現遺漏和盲點。

所以，推薦大家看看極客時間的專欄《瀏覽器工作原理與實踐》。

作者是前盛大創新院高級研究員李兵。08年的時候，他就基于Chromium和IE發布了一款雙核瀏覽器：太陽花。這是國內第一款雙核瀏覽器，你在使用它的時候，除了能享受到Chrome的快捷之外，還能兼容只支持IE的站點。

可能現在的你不覺得有多厲害，但在當時，簡直是前端的爆炸新聞。這款瀏覽器，在沒有任何宣傳的情況下，日活達到了20多萬。

之后李兵去了盛大創新院，參與研發WebOS項目，基于WebKit內核打造一個能和安卓并存的操作系統。

后來，他又到了順網科技，和團隊打造了一款給全國網吧使用的“F1瀏覽器”，日啟量達到2000萬。大家都知道，網吧的電腦環境異常復雜，頁面劫持經常發生，再加上每天千萬級別的啟動量，對頁面安全、加載速度和流暢度都有很高的要求。

可以說，這些經歷，讓李兵在瀏覽器核心技術上，有獨到理解和獨家經驗。

因此，他來寫瀏覽器相關的專欄，也一定與眾不同，更具實操性。據他說，在《瀏覽器工作原理與實踐》專欄里，想帶你重新認識瀏覽器，把網絡、頁面渲染、JavaScript、瀏覽器安全等知識串聯起來，從而讓你對整個前端體系有全新的認識。

👆支付時，輸入優惠口令wantbuyit
還能再優惠5元，到手價￥63

李兵是如何講解瀏覽器的？

專欄分為 7大模塊，共35篇文章，覆蓋JavaScript執行機制、引擎V8的工作原理、Web頁面中的事件循環系統、HTTP/1、HTTP/2和HTTP/3的介紹、以及最近比較火的PWA的工作原理等內容。

最吸引我的，是李兵會自己繪制原理圖和流程圖，用通俗易懂的語言，圖文并茂的展現形式，帶你層層深入瀏覽器，看懂前端本質。

比如，下面是“渲染流水線的總結圖”：

線程之間共享進程中的數據示意圖：

下面是專欄的詳細目錄：

從我這里訂閱有什么福利？

• 早鳥優惠￥68，原價￥99。

• 結算時輸入優惠口令「wantbuyit」再減5元，到手價￥63，僅限前200人。

口令僅前200人有效

👇點擊「

總結

以上是生活随笔為你收集整理的太阳花浏览器_一道浏览器面试题，就能看出你的前端功底的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。