📄️ 概览
现代浏览器（以 Chrome 为例）早已不再是单进程架构，为了解决早期的不稳定（一个标签页崩溃导致整个浏览器挂掉）、不流畅（JS 执行阻塞页面渲染）以及不安全（恶意插件获取系统权限）等问题，Chrome 演进出了复杂的多进程架构。
📄️ 浏览器缓存机制
面试一句话总结：浏览器缓存分为强缓存和协商缓存。强缓存优先，命中则直接从本地读取（状态码 200 from cache）；若强缓存失效，则向服务器发起协商缓存请求，若资源未更改则返回 304，否则返回新资源 (200)。在工程化中，HTML 走协商缓存，带 Hash 的静态资源走长效强缓存。
📄️ 本地存储与鉴权
面试一句话总结：前端本地存储主要包括 Cookie（用于状态维持，4KB）、Web Storage（localStorage/sessionStorage，5MB，纯前端使用）和 IndexedDB（本地数据库，存大量结构化数据）。在鉴权场景中，现代应用多使用 JWT，围绕 Token 的存储位置（防 XSS/CSRF）和无感刷新是高频考点。
🗃️ 通信
1 items
📄️ Chrome DevTools 高级排查
在高级前端面试中，DevTools 不再只是用来看 console.log 和 Network 请求的工具，更是性能调优和内存泄漏排查的利器。