建议五月份的前端面试都准备到这种程度再去...
前端面试 = “原理+手写+场景+项目”
四维考核：基础深度、框架理解、工程能力、项目亮点
备考四步走：①基础扎实→②框架吃透→③工程化实战→④项目复盘，环节漏一个，offer 远一寸
——— 🔥 前端基础三大核心 ———
JavaScript 核心：事件循环、闭包、原型链被称为“金三角”，必考。闭包要会解释作用域与内存泄漏，Event Loop 要能手写宏任务/微任务执行顺序，原型链继承需能对比 Class 与原型写法的差异。
CSS 布局与渲染：盒模型、BFC、Flex、Grid 必须烂熟于心，响应式设计需掌握 rem/vw 适配方案，动画性能要能说出 Composite 与 Layer 优化。
浏览器与网络：从输入 URL 到页面渲染的完整流程必背，HTTP/1.1 与 HTTP/2 的区别、缓存策略要能画图说明，跨域方案不少于三种（CORS、Proxy、JSONP 原理与局限）。
——— 🛠 框架三板斧 ———
4. React 核心：虚拟 DOM 与 diff 算法、Hooks 原理（闭包与链表存储）、Fiber 架构与并发模式。面试常问 useEffect 依赖管理、useMemo/useCallback 性能优化，以及 Redux/Mobx 状态管理选型理由。
5. Vue 核心：响应式原理（2.x 的 defineProperty 与 3.x 的 Proxy）、依赖收集与派发更新、编译过程（模板 → AST → render）。Vue 3 组合式 API 与 React Hooks 的异同常被拿来对比。
6. 框架通用考点：组件通信方案大全、SSR 实现与优劣、前端路由原理（Hash 与 History 模式），以及如何设计一个可复用的高阶组件/指令。
——— 📦 工程化与性能 ———
7. 性能优化指标：LCP、FID、CLS 等 Web Vitals 要懂含义与优化手段。实践中需列举图片懒加载、代码分割、接口缓存、CDN 优化等案例，最好带上项目数据（如首屏加载从 3s 降至 1.2s）。
8. 前端安全：XSS 与 CSRF 的攻击原理与防御方案必考，CSP 内容安全策略、HTTPS 双向认证等进阶点也常出现在大厂面试。
——— 💡 面试回答策略 ———
9. 原理题：先讲核心思想，再展开流程，最后联系业务场景。例如：“Vue 响应式是通过依赖收集实现数据驱动视图，在组件初始化时递归遍历 data，用 Observer 转为响应式对象，同时创建 Dep 收集 Watcher，数据变动时触发视图更新。”
10. 场景题：遵循“分析 → 方案 → 优缺点”三步。如“如何实现一个无限滚动列表？”，可答监听滚动 + 分页加载、虚拟列表优化、以及各自的内存与体验权衡。