Appearance
浏览器 高频题清单与追问树
高频题清单
1. 浏览器缓存:memory cache、disk cache 与验证路径
- 题型:机制型
- 考察点:强缓存和协商缓存只是表层说法,浏览器内部还要区分内存缓存、磁盘缓存和重验证路径
- 易混点:题型没分清时,很容易把 内部机制、页面生命周期、运行时代价 混成一个层级。
- 串讲顺序:先回答核心问题,再补边界、代价和项目映射。
2. 浏览器多进程架构:Browser Process、Renderer、GPU 与站点隔离
- 题型:机制型
- 考察点:理解浏览器为何拆分进程,以及这对安全、稳定性和性能意味着什么
- 易混点:题型没分清时,很容易把 内部机制、页面生命周期、运行时代价 混成一个层级。
- 串讲顺序:先回答核心问题,再补边界、代价和项目映射。
3. 事件传播:捕获、目标、冒泡与默认行为
- 题型:机制型
- 考察点:事件题的关键不是背三阶段,而是理解浏览器事件系统如何决定执行顺序和默认行为
- 易混点:题型没分清时,很容易把 内部机制、页面生命周期、运行时代价 混成一个层级。
- 串讲顺序:先回答核心问题,再补边界、代价和项目映射。
4. 强制同步布局:layout thrashing、读写交错与调度规避
- 题型:机制型
- 考察点:这道题的重点不是“回流很慢”,而是为什么读写交错会逼浏览器提前结算布局
- 易混点:题型没分清时,很容易把 内部机制、页面生命周期、运行时代价 混成一个层级。
- 串讲顺序:先回答核心问题,再补边界、代价和项目映射。
5. 前端内存泄漏:引用保留、闭包、监听器与缓存失控
- 题型:机制型
- 考察点:前端内存问题不是“浏览器自动回收”,关键在于哪些对象仍被活跃引用持有
- 易混点:题型没分清时,很容易把 内部机制、页面生命周期、运行时代价 混成一个层级。
- 串讲顺序:先回答核心问题,再补边界、代价和项目映射。
6. 多标签页通信:storage、BroadcastChannel、SharedWorker 与一致性
- 题型:机制型
- 考察点:多个标签页共享同源环境,但状态同步方式并不唯一,能力边界也不同
- 易混点:题型没分清时,很容易把 内部机制、页面生命周期、运行时代价 混成一个层级。
- 串讲顺序:先回答核心问题,再补边界、代价和项目映射。
7. 页面生命周期与 bfcache:冻结、恢复与副作用管理
- 题型:机制型
- 考察点:页面不是只有加载和卸载两个状态,现代浏览器还会冻结、恢复和直接从 bfcache 返回
- 易混点:题型没分清时,很容易把 内部机制、页面生命周期、运行时代价 混成一个层级。
- 串讲顺序:先回答核心问题,再补边界、代价和项目映射。
8. 渲染流水线:DOM、CSSOM、Layout、Paint、Raster 与 Composite
- 题型:机制型
- 考察点:渲染流水线是浏览器模块里最容易“大家都听过,但真正解释不细”的主题。很多人会说页面渲染大概是“解析 DOM、生成 CSSOM、然后回流重绘”,但一旦继续问 Layout、Paint、Raster、Composite 分别干什么,哪些修改会卡在哪一层,很多答案就开始发散
- 易混点:题型没分清时,很容易把 内部机制、页面生命周期、运行时代价 混成一个层级。
- 串讲顺序:先回答核心问题,再补边界、代价和项目映射。
9. 浏览器存储:Cookie、localStorage、sessionStorage、IndexedDB 与配额边界
- 题型:对比型
- 考察点:浏览器存储表面上像一组 API,对比时很多人会直接背容量和生命周期;但真正有区分度的回答,必须把它们放回“数据给谁读、何时失效、是否阻塞主线程、泄漏后果是什么”这四个维度里重新解释
- 易混点:题型没分清时,很容易把 内部机制、页面生命周期、运行时代价 混成一个层级。
- 串讲顺序:先回答核心问题,再补边界、代价和项目映射。
10. 从输入 URL 到页面可见:导航、网络、解析与首次绘制
- 题型:机制型
- 考察点:把浏览器导航、网络连接、资源发现和首屏渲染串成一条因果链
- 易混点:题型没分清时,很容易把 内部机制、页面生命周期、运行时代价 混成一个层级。
- 串讲顺序:先回答核心问题,再补边界、代价和项目映射。
每题考察点
- 浏览器 模块的高频题,通常不是单点记忆,而是在看你能否把 内部机制、页面生命周期、运行时代价 连起来讲
- 同一题连续被深挖时,往往是在验证你是不是只会背第一层结论
- 真正稳定的回答,必须包含边界、代价和实际落地
易混点与串讲顺序
- 先分题型,再定讲法,不要所有题都用同一套口径
- 对比型题先拆对象,机制型题先讲参与者和流程,治理型题先讲症状和闭环
- 一开口就急着给结论,通常说明上下文还没搭起来
模拟追问树
- 第一层通常会追到 内部机制
- 第二层会继续追到 页面生命周期 的内部细节
- 第三层往往回到 运行时代价、项目经验和权衡依据
使用建议
- 优先挑 3 到 5 个最高频问题练成稳定串讲,再逐步扩充
- 复习时把同题型问题放在一起,会比按目录顺序硬刷更有效
- 项目面准备时,先看本页,再回到对应单篇文档准备项目映射