浏览器的缓存机制是前端性能优化的核心内容之一。简单来说，浏览器缓存就是把一个已经请求过的资源（如 HTML、CSS、JS、图片）拷贝一份副本存储在本地，当下次需要该资源时，根据特定规则决定是直接使用副本，还是向服务器重新请求。 浏览器的缓存机制主要分为两类：强缓存（Strong Cache） 和 协商缓存（Negotiated Cache）。 --- 一、 核心流程图解 在深入细节之前，先建立一个整体的决策流程： 1. 浏览器发起请求。 2. 检查强缓存： 命中？直接使用本地缓存（状态码 200，显示 或 ）。 未命中（或已过期）？进入下一步。 3. 检查协商缓存（向服务器发送请求）： 服务器对比后发现资源未变？返回 304 Not Modified，浏览器读取本地缓存。 服务器对比后发现资源变了？返回 200 OK 和新的资源内容，浏览器更新本地缓存。 --- 二、 强缓存 (Strong Cache) 核心概念：浏览器直接判断本地缓存是否过期。如果没过期，完全不跟服务器通信，直接使用本地文件。 控制字段（HTTP Header）： 强缓存主要由 和 两个字段控制。 1. Ex...
播面