提醒一下，金三银四前端面试别太老实…
面试这事儿，真的不是你准备得多老实，就能拿到Offer的。
尤其是面大厂，千万别把面试当成“我问你答”的考试。你把八股文背得再熟，面试官也只会觉得你是个合格的“背诵器”。真正让你通过的，是你在场景题里展现出来的思考方式——怎么拆解问题、怎么权衡方案、怎么落地细节。
最近陪几个朋友模拟了几轮前端面试，发现一个共性：很多人不是技术不行，是太老实了。
老实到什么程度？问“怎么做性能优化”，就从构建工具一路背到浏览器渲染；问“如何处理高并发”，上来就答“用Web Worker”。不是说这些不对，而是面试官听到的太多了。他要的不是标准答案，是你在真实业务里踩过什么坑、怎么填的、现在还有没有遗留问题。
比如蚂蚁那类实战场景题，几乎没有一道是能靠背诵解决的。给你一个转账超时的case，问你前端怎么兜底；给你一个库存抢购的H5，问你按钮点了没反应怎么办——这种题，你答得再“对”，如果没把状态管理、接口重试、用户反馈串起来讲清楚，基本就是挂。
所以真不建议太老实。别等着面试官一步一步问，主动把问题边界撑开。他问A，你可以顺带讲A在实际业务里遇到的B和C，只要逻辑闭环，这反而是加分项。
当然，前提是你得有东西可讲。
金三银四开始了，与其焦虑，不如努力！！！
以下： https://github.com/encode-studio-fe-coder/natural_traffic/wiki/scan_material3
常见的前端核心知识库（2026版）
JavaScript 核心篇
Q1、什么是闭包？请列举它在实际项目中的三种应用场景及潜在的内存泄漏问题如何解决？
Q2、你们项目中为什么使用 TypeScript 而不是 JavaScript？它解决了哪些痛点？
Q3、var、let 和 const 的区别是什么？谈谈它们在暂时性死区中的作用。
Q4、介绍 JavaScript 中的事件循环机制（Event Loop）。宏任务和微任务有哪些？代码执行顺序如何判断？
Q5、讲一下 this 的指向问题。箭头函数的 this 和普通函数有何不同？
Q6、说说你对原型链的理解，以及如何基于原型链实现继承？
Q7、ES6 中常用的新特性有哪些？你用过 Proxy 和 Reflect 吗？
Q8、谈谈你对函数式编程的理解，以及在前端中的应用（如 map、reduce 的底层实现）。
Q9、call、apply 和 bind 的区别是什么？手写一个 bind 方法。
Q10、说说你对前端异步编程演进的理解（Callback -> Promise -> Async/Await）。如何将回调函数转换为 Promise？
..............................................................................................................................
浏览器与网络篇
Q11、知识点汇总：从输入 URL 到页面渲染完成，中间发生了什么？
Q12、知识点详解：浏览器渲染流程中的回流（Reflow）和重绘（Repaint）是什么？如何减少？
Q13、说说浏览器缓存机制（强缓存与协商缓存）。HTTP 状态码 200、304、403 分别代表什么？
Q14、简述一下 HTTPS 的握手过程，它与 HTTP 2.0 的关系是什么？
Q15、说说 Web 安全：什么是 XSS 和 CSRF？如何防范？
Q16、什么时候会触发浏览器 DNS 预解析？如何优化？
Q17、什么是同源策略？跨域解决方案有哪些？（CORS、JSONP、代理等）
Q18、浏览器本地存储有哪些方式（Cookie、LocalStorage、SessionStorage、IndexedDB）？它们的区别和应用场景？
Q19、说说 WebSocket 和 SSE 的区别及适用场景。
Q20、描述一下浏览器的事件代理（事件委托）原理及优点。
..............................................................................................................................
Vue / React 框架篇
Q21、Vue 3.0 和 2.0 的主要区别是什么？你为什么选择 Vue 3？
Q22、React Hooks 的使用规则是什么？闭包陷阱是如何产生的，如何解决？
Q23、说说 Vue 的响应式原理（Vue 2 的 Object.defineProperty 与 Vue 3 的 Proxy）。
Q24、React Fiber 架构的理解？它对 React 的性能优化起到了什么作用？
Q25、Vuex 和 Redux 的状态管理思想有何异同？你能手写一个简单的 Redux 吗？
Q26、什么是虚拟 DOM？它的 diff 算法原理是什么？Vue 和 React 的 diff 有何区别？
Q27、说说 Vue 中的 $nextTick 和 React 中的 setState 的异步更新机制。
Q28、Vue 中的 key 的作用是什么？React 中为什么不推荐用数组索引作为 key？
Q29、如何对 React 函数组件进行性能优化？（React.memo、useMemo、useCallback）
Q30、Vue 3 的 Composition API 和 React Hooks 有什么异同？
..............................................................................................................................
工程化与性能优化篇
Q31、什么是 Webpack 的模块打包原理？Loader 和 Plugin 的区别是什么？
Q32、Vite 为什么比 Webpack 快？谈谈它的原理（基于 ES Module 的 No-Bundle 机制）。
Q33、说说你们项目中的首屏加载优化方案（路由懒加载、图片懒加载、Gzip、CDN 等）。
Q34、如何分析和优化前端项目的打包体积？（Webpack Bundle Analyzer）
Q35、谈谈你对微前端的理解。它解决了什么问题？有哪些主流实现方案？（Single-SPA、qiankun）
Q36、什么是 Server-Side Rendering（SSR）？它和客户端渲染（CSR）相比有什么优缺点？
Q37、如何设计一个通用的前端组件库？需要考虑哪些方面？
Q38、前端工程化中，如何配置代码规范（ESLint、Prettier）和 Git 提交规范（Husky）？
Q39、讲一下你做过的最复杂的前端性能优化案例。如何量化优化成果？
Q40、什么是 BFF（Backend For Frontend）层？它在你们项目中是如何应用的？
..............................................................................................................................