浏览器原理

强缓存失效了怎么办？深度解析浏览器内存缓存与硬盘缓存的存储逻辑在现代前端开发中，缓存是性能优化的第一手段。一个配置精良的缓存策略，可以使页面的二次加载时间从秒级降至毫秒级。然而，缓存也是一把双刃剑：如果配置过激，会导致用户无法获取最新的业务代码；如果配置过松，则会造成带宽资源的巨大浪费。本文将拆解 HTTP 缓存的内部原理，并探讨 Webpack 如何通过哈希策略完美配合浏览器缓存。

行走的陀螺仪

重绘和重排怎么触发？怎么优化？重排性能消耗远大于重绘，优化核心是减少重排触发频率 + 缩小重排影响范围，优先规避高频布局操作。浏览器默认异步计算布局，若先读取布局属性（如offsetWidth、scrollTop）再修改样式，会强制浏览器立即计算布局，导致性能卡顿，需先批量修改，再批量读取。

2024 前端高频面试题之浏览器原理篇浏览器缓存主要分为强缓存（也称本地缓存）和协商缓存（也称弱缓存）。强缓存使用强缓存策略时，如果缓存资源有效，则直接使用缓存资源，不必再向服务器发起请求。强缓存策略可以通过两种方式来设置，分别是 http 头信息中的 Expires 属性和 Cache-Control 属性。

我是有底线的