Webpack | caching机制

缓存机制是指浏览器在加载页面时，会将静态资源（如 JS、CSS、图片等）保存在本地，以便下次加载相同资源时可以直接使用缓存副本，从而提高网页加载速度。缓存机制分为强缓存和协商缓存两种方式。

强缓存：通过设置 Response Header 中的 Cache-Control 或 Expires 字段，告诉浏览器静态资源的有效期。在有效期内，浏览器会直接从缓存获取资源，无需向服务器发起请求。

协商缓存：通过设置 Response Header 中的 Last-Modified 和 ETag 字段，告诉浏览器静态资源的版本信息。在请求资源时，如果浏览器的缓存仍然有效，则会发送一个请求到服务器，服务器会根据请求中的 If-Modified-Since 和 If-None-Match 字段进行验证，返回 304 状态码，并告诉浏览器可以使用缓存，从而减少数据传输。

https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=fffb9e7b5576495f90d9596c40989b9f

#前端面试必备宝典#