frontend-interview-playbook

Appearance

浏览器缓存：memory cache、disk cache 与验证路径 ​

机制定位 ​

强缓存和协商缓存只是表层说法，浏览器内部还要区分内存缓存、磁盘缓存和重验证路径。

  • 强缓存和协商缓存只是表层说法，浏览器内部还要区分内存缓存、磁盘缓存和重验证路径
  • 浏览器缓存题不能只停在“强缓存 / 协商缓存”四个字，还要理解浏览器内部会怎么命中 memory cache、disk cache 和 revalidation
  • 同一个资源的缓存行为也会受请求模式、导航类型、缓存头和浏览器策略影响
  • HTML 通常不能像带 hash 的 JS/CSS 一样长期强缓存，否则回滚和版本切换很容易失配

参与者与职责 ​

  • 强缓存和协商缓存只是表层说法，浏览器内部还要区分内存缓存、磁盘缓存和重验证路径
  • 浏览器缓存题不能只停在“强缓存 / 协商缓存”四个字，还要理解浏览器内部会怎么命中 memory cache、disk cache 和 revalidation
  • 同一个资源的缓存行为也会受请求模式、导航类型、缓存头和浏览器策略影响
  • HTML 通常不能像带 hash 的 JS/CSS 一样长期强缓存，否则回滚和版本切换很容易失配
  • 浏览器优先尝试从更快的缓存层命中，例如 memory cache；未命中时再进入 disk cache 或发起条件请求

关键流程 ​

  • 强缓存和协商缓存只是表层说法，浏览器内部还要区分内存缓存、磁盘缓存和重验证路径
  • 浏览器缓存题不能只停在“强缓存 / 协商缓存”四个字，还要理解浏览器内部会怎么命中 memory cache、disk cache 和 revalidation
  • 同一个资源的缓存行为也会受请求模式、导航类型、缓存头和浏览器策略影响
  • HTML 通常不能像带 hash 的 JS/CSS 一样长期强缓存，否则回滚和版本切换很容易失配
  • 浏览器优先尝试从更快的缓存层命中，例如 memory cache；未命中时再进入 disk cache 或发起条件请求
  • Cache-Control: max-age / immutable 等决定是否可以直接复用；ETag / If-None-Match、Last-Modified / If-Modified-Since 决定重验证路径

关键数据结构或调度关系 ​

  • 强缓存和协商缓存只是表层说法，浏览器内部还要区分内存缓存、磁盘缓存和重验证路径 回答 - 浏览器缓存：memory cache、disk cache 与验证路径 时，先交代它在 浏览器 主链里解决什么问题，再按参与者、流程阶段、关键数据结构和边界条件展开，最后回到性能、调试或架构后果
  • 浏览器缓存：memory cache、disk cache 与验证路径 背后通常都有一组关键容器或调度关系，它们决定性能边界

容易误解的边界 ​

回答 - 浏览器缓存：memory cache、disk cache 与验证路径 时，先交代它在 浏览器 主链里解决什么问题，再按参与者、流程阶段、关键数据结构和边界条件展开，最后回到性能、调试或架构后果

  • 浏览器缓存：memory cache、disk cache 与验证路径 背后通常都有一组关键容器或调度关系，它们决定性能边界
  • 当你在项目里讨论“浏览器缓存：memory cache、disk cache 与验证路径”时，通常不是只回答一个定义，而是要把 页面加载、渲染和生命周期 讲清楚
  • 宿主环境、渲染模式或团队约束变化后的结论调整
  • 只会背术语，不会解释流程顺序

工程后果与调试抓手 ​

  • 强缓存和协商缓存只是表层说法，浏览器内部还要区分内存缓存、磁盘缓存和重验证路径
  • 浏览器缓存题不能只停在“强缓存 / 协商缓存”四个字，还要理解浏览器内部会怎么命中 memory cache、disk cache 和 revalidation
  • 同一个资源的缓存行为也会受请求模式、导航类型、缓存头和浏览器策略影响
  • HTML 通常不能像带 hash 的 JS/CSS 一样长期强缓存，否则回滚和版本切换很容易失配
  • 浏览器优先尝试从更快的缓存层命中，例如 memory cache；未命中时再进入 disk cache 或发起条件请求

问答设计及延伸 ​

标准回答 ​

回答 浏览器缓存：memory cache、disk cache 与验证路径 时，先说明它在 浏览器 主链中解决的核心问题，再按参与者、流程阶段、关键数据结构和边界条件展开，最后落到性能、调试或架构后果。

追问拆解 ​

  • 浏览器缓存：memory cache、disk cache 与验证路径 与“CDN、浏览器缓存与发布治理：版本化、回滚与缓存失配”在主链中的职责分工
  • 浏览器缓存：memory cache、disk cache 与验证路径 与“从输入 URL 到页面可见：导航、网络、解析与首次绘制”在主链中的职责分工
  • 浏览器缓存：memory cache、disk cache 与验证路径 与“页面生命周期与 bfcache：冻结、恢复与副作用管理”在主链中的职责分工
  • 规模增大后最先暴露瓶颈的阶段
  • 行为异常时优先检查的参与者、阶段与数据结构

容易失分的点 ​

  • 只会背术语，不会解释流程顺序
  • 把机制和工程结果混成一层
  • 忽略边界条件，导致结论过度绝对

项目映射 ​

  • 结合一次真实问题说明 浏览器缓存：memory cache、disk cache 与验证路径 如何帮助你定位 bug、性能问题或更新错序
  • 补充源码阅读或调试时看到的关键数据结构位置
  • 补充它和上下游模块的连接关系

相关主题 ​