2026 前端面试 10 分钟速背版（大白话·直接上场）

2026 前端面试 10 分钟速背版大白话·直接上场全篇不啰嗦、不重复、含 Vue3.5背完直接面试。一、JS 基础30 秒背完var/let/constvar 函数级、let/const 块级const 基本类型不可改。this谁调用指向谁箭头函数无 this继承外层。闭包函数套函数引用外层变量可保存状态注意清定时器防泄漏。原型链对象proto指向构造函数 prototype实现共享。浅/深拷贝浅拷一层深拷全部深拷贝用递归或 lodash。事件循环同步 → 微任务 → 1 个宏任务。防抖停了再执行搜索节流定时执行滚动。二、CSS 必背20 秒居中flex / grid / 绝对定位translateBFC独立布局空间清浮动、解决 margin 重叠盒模型一律用border-box重排重绘用 transform/opacity批量改 DOM三、Vue3 核心1 分钟响应式Proxy能监听增删改、数组索引比 Vue2 强。script setup官方推荐代码更短。ref基本/对象都能用要 .valuereactive只能对象不用 .valuecomputed有缓存watch无缓存做副作用通信父子 props/emit、全局 pinia、跨级 provide/injectPinia无 mutation、写法简单、TS 友好四、 Vue3.5 新特性面试加分 30 秒defineModel 稳定一行实现 v-model不用写 emitv-memo长列表性能爆炸依赖不变不更新编译更强diff 更快、体积更小、渲染更快SSR 流式渲染优化首屏更快TS 提示更准类型推导更强一句话更快、更小、更好写长列表直接起飞。五、网络/安全40 秒跨域CORS、代理、JSONP缓存强缓存不发请求、协商缓存304HTTP3QUIC(UDP)无队头阻塞弱网更快切换网不断安全XSS不插 innerHTML、转义、CSPCSRFtoken、SameSiteLax点击劫持X-Frame-Options六、工程化/Vite30 秒Vite 快不打包、ESM、esbuild 预构建、热更新快打包优化路由懒加载代码分割图片 WebP/AVIFTree shakingCDN contenthash 缓存七、性能万能答案1 分钟10 万列表不卡虚拟列表 分页 Web Worker v-memo content-visibility首屏慢懒加载、骨架屏、压缩、关键CSS内联、SSR/SSG、CDN、HTTP3大文件上传分片 断点续传 并发控制 MD5页面卡顿拆长任务、防抖节流、减少重排、清内存泄漏八、手写题直接默写防抖节流深拷贝Promise 并发控制call/apply/bind不会就说我能讲清思路现场可以写。九、场景题万能模板30 秒任何题都这么答是什么 → 为什么 → 怎么做 → 用在哪 → 怎么优化例闭包是什么函数嵌套引用外层变量为什么保存状态、私有化怎么做防抖、计数器用在哪搜索、滚动优化及时清引用十、面试保命话术最后 10 秒不会“我思路是…我立刻补学习很快”项目“我做了xx优化后xx提升xx”一定要量化加分提Vue3.5、HTTP3、Vite、性能监控、AI 工具