1. 前言
有咩有伙伴一起想下定决定跟我一起学习浏览器工作原理的，现在有个大概的想法，想彻底搞明白浏览器工作原理，虽然博客文章讲解的很多，但是最新的讲解的比较好的，已经是四五年前的了，想出一个专栏专门去讲解一下现代浏览器（以chrome 为例）的底层原理和不断升级的需要我们前端小伙伴一起关注，影响我们日常开发的技术。先在这里大概出一个计划，明白学什么，然后怎么学，学习计划是什么，我们一起加油啊，有好的建议欢迎提出
2.入门阶段-建立宏观心智模型（2 周-3 周）
- 学习：《浏览器工作原理与实践》、MDN、web.dev还有各个大佬的文章等方向去学习
- 目标： 能清晰、准确地向他人解释“从输入URL到页面展现”这一过程中发生的关键事件及其顺序。
- 计划：
- 每天一章 + 一篇文章笔记 + 学习感悟
- 重点按照目标去学习
- 输出： 能绘制一幅完整的流程图，并讲解从URL到像素的每一个关键步骤，能准确使用DNS、HTTP、DOM、CSSOM、Layout、Paint等术语
3.进阶阶段-使用工具深入微观世界（4 周）
- 学习： Chrome DevTools 官方文档 还有各个大佬的文章等方向去学习
- 目标： 能熟练使用开发者工具（DevTools）的性能面板分析页面性能瓶颈，并理解其背后的原理
- 计划： 暂定
- 输出： 给定一个性能有问题的页面，能使用Performance面板录制并分析出瓶颈所在（是JS执行过长、布局抖动还是大量重绘？），并能解释事件循环的调度顺序
4.高级深入-架构、优化与未来（3 周）
- 学习： web.dev、Inside look at modern web browser还有各个大佬的文章等方向去学习
- 目标：理解现代浏览器架构的设计哲学，能将工作原理知识转化为高效的性能优化实践，并了解前沿技术。
- 计划：暂定
- 输出：能阐述多进程架构带来的安全性和稳定性好处；能针对一个Web应用设计出一套从网络、渲染到JS执行的全面性能优化方案；能讨论Wasm和WebGPU为何是Web平台的重要演进。
