面试这事儿真的不是你准备得多老实就能拿到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 3Q22、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 中为什么不推荐用数组索引作为 keyQ29、如何对 React 函数组件进行性能优化React.memo、useMemo、useCallbackQ30、Vue 3 的 Composition API 和 React Hooks 有什么异同..............................................................................................................................工程化与性能优化篇Q31、什么是 Webpack 的模块打包原理Loader 和 Plugin 的区别是什么Q32、Vite 为什么比 Webpack 快谈谈它的原理基于 ES Module 的 No-Bundle 机制。Q33、说说你们项目中的首屏加载优化方案路由懒加载、图片懒加载、Gzip、CDN 等。Q34、如何分析和优化前端项目的打包体积Webpack Bundle AnalyzerQ35、谈谈你对微前端的理解。它解决了什么问题有哪些主流实现方案Single-SPA、qiankunQ36、什么是 Server-Side RenderingSSR它和客户端渲染CSR相比有什么优缺点Q37、如何设计一个通用的前端组件库需要考虑哪些方面Q38、前端工程化中如何配置代码规范ESLint、Prettier和 Git 提交规范HuskyQ39、讲一下你做过的最复杂的前端性能优化案例。如何量化优化成果Q40、什么是 BFFBackend For Frontend层它在你们项目中是如何应用的..............................................................................................................................