其他 | 浏览器工作原理知识框架图

理解浏览器是如何工作的，对我们做业务的技术选型、架构设计等都有非常重要的作用，让我们可以准确评估 Web 开发项目的可行性，站在更高维度审视页面，以及在快节奏的技术迭代中把握住问题的本质。

浏览器会涉及很多概念，不仅繁多而且琐碎，包括网络、渲染、安全，以及前端相关的大量概念。

系统学习浏览器，把网络、页面渲染、JavaScript、浏览器安全等知识串联起来，从而对整个前端体系有全新的认识。

“浏览器工作原理知识图”，覆盖了循环系统、页面渲染机制、浏览器网络及安全等知识点，让你对浏览器内容有系统性的了解。

为什么选择 Chrome 浏览器呢？因为 Chrome、微软的 Edge 以及国内的大部分主流浏览器，都是基于 Chromium 二次开发而来；而 Chrome 是 Google 的官方发行版，特性和 Chromium 基本一样，只存在一些产品层面差异；再加上 Chrome 是目前世界上使用率最高的浏览器，所以 Chrome 最具代表性。

前端资料

• Web Fundamentals

        https://developers.google.com/web/fundamentals/

• MDN Web 文档

        https://developer.mozilla.org/zh-CN/