浏览器原理

中级前端开发知识体系：从“会做页面”到“能独立交付中型项目”“中级前端”不等于掌握更多框架 API，也不等于能把复杂页面写出来。更关键的分界线是：你能否在需求不完整、接口会变化、多人协作、性能与安全有约束的情况下，独立完成一个中型前端项目的设计、开发、排查、发布与维护。

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

行走的陀螺仪

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

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

我是有底线的