浏览器 模块学习地图

模块价值

浏览器 模块不是一串题目目录，而是一组围绕 内部机制、页面生命周期、运行时代价 展开的知识面。真正有用的复习方式，是先识别题型，再建立主链，最后把答案落回真实系统。

阅读顺序

• 第 1 步：先读 浏览器缓存：memory cache、disk cache 与验证路径，先建立 机制型 题的回答骨架。
• 第 2 步：先读 浏览器多进程架构：Browser Process、Renderer、GPU 与站点隔离，先建立 机制型 题的回答骨架。
• 第 3 步：先读 事件传播：捕获、目标、冒泡与默认行为，先建立 机制型 题的回答骨架。
• 第 4 步：先读 强制同步布局：layout thrashing、读写交错与调度规避，先建立 机制型 题的回答骨架。
• 第 5 步：先读 前端内存泄漏：引用保留、闭包、监听器与缓存失控，先建立 机制型 题的回答骨架。
• 第 6 步：先读 多标签页通信：storage、BroadcastChannel、SharedWorker 与一致性，先建立 机制型 题的回答骨架。

题型分层

• 机制型题目：9 篇，复习时优先把同类题放在一起比较。
• 对比型题目：1 篇，复习时优先把同类题放在一起比较。

高频主链

• 先抓 内部机制，再补 页面生命周期，最后回到 运行时代价 和真实项目
• 浏览器 模块内部的问题不要平铺理解，最好按“题型 -> 主链 -> 项目映射”三层推进
• 读完之后仍然不能把题目挂回系统上下文，说明模块主链还没有搭起来

跨模块连接

• 浏览器 经常和 网络请求 一起出现，复习时最好连读。
• 浏览器 经常和 JavaScript 一起出现，复习时最好连读。
• 浏览器 经常和 安全与稳定性 一起出现，复习时最好连读。

进入专题

• 浏览器缓存：memory cache、disk cache 与验证路径
• 浏览器多进程架构：Browser Process、Renderer、GPU 与站点隔离
• 事件传播：捕获、目标、冒泡与默认行为
• 强制同步布局：layout thrashing、读写交错与调度规避
• 前端内存泄漏：引用保留、闭包、监听器与缓存失控
• 多标签页通信：storage、BroadcastChannel、SharedWorker 与一致性
• 页面生命周期与 bfcache：冻结、恢复与副作用管理
• 渲染流水线：DOM、CSSOM、Layout、Paint、Raster 与 Composite
• 浏览器存储：Cookie、localStorage、sessionStorage、IndexedDB 与配额边界
• 从输入 URL 到页面可见：导航、网络、解析与首次绘制