2026 前端面试 10 分钟速背版｜直接背、直接过、含 Vue3.5 最新考点

2026 前端面试 10 分钟速背版直接背、直接过、含 Vue3.5 最新考点全篇大白话无废话适合考前快速过一遍面试直接用一、JS 核心 · 30 秒速背var/let/constvar 函数级let/const 块级const 基本类型不能改。this谁调用指向谁箭头函数没有 this继承外层。闭包函数套函数 引用外层变量能保存状态记得清定时器防泄漏。原型链对象__proto__指向构造函数prototype实现方法共享。浅拷贝 / 深拷贝浅拷贝只拷一层深拷贝完全独立深拷贝用递归或 lodash。事件循环同步代码 → 清空微任务 → 执行一个宏任务。防抖停止触发后再执行搜索框。节流固定时间执行一次滚动、拖拽。二、CSS 必问 · 20 秒速背水平垂直居中flex / grid / 绝对定位 transformBFC独立布局空间清除浮动、解决 margin 重叠盒模型全线使用border-box重排重绘优化用 transform / opacity批量操作 DOM三、Vue3 核心 · 1 分钟速背响应式Proxy支持对象增删、数组索引比 Vue2 强很多。写法script setup官方标配更简洁。ref基本类型/对象都能用需要.value。reactive只能对象不用.value。computed有缓存适合计算值。watch无缓存适合异步/副作用。组件通信父子 props/emit、全局 Pinia、跨级 provide/inject。Pinia 优势无 mutation、TS 友好、写法简单。四、 Vue3.5 新特性 · 面试加分必背defineModel 稳定一行实现 v-model不用写 emitv-memo长列表性能神器依赖不变不更新编译更强diff 更快、体积更小、渲染更快SSR 流式渲染优化首屏体验提升TS 类型推导更精准一句话更快、更小、更好写长列表直接起飞。五、网络 安全 · 40 秒速背跨域CORS、代理、JSONP、postMessageHTTP 缓存强缓存不发请求、协商缓存304HTTP3基于 QUICUDP无队头阻塞弱网更快、切换网络不断线前端安全XSS不直接插入 HTML、转义、CSPCSRFtoken、SameSiteLax点击劫持X-Frame-Options六、工程化 Vite · 30 秒速背Vite 为什么快开发不打包、原生 ESM、esbuild 预构建、热更新极快打包优化 5 件套路由懒加载代码分割图片 WebP/AVIFTree shaking 删无用代码CDN contenthash 强缓存七、性能优化 · 万能答案 · 1 分钟十万条列表不卡顿虚拟列表 分页 Web Worker v-memo content-visibility首屏加载慢懒加载、骨架屏、资源压缩、关键 CSS 内联、SSR/SSG、CDN、HTTP3大文件上传分片上传 断点续传 并发控制 MD5 校验页面卡顿排查拆长任务、防抖节流、减少重排重绘、清理内存泄漏八、手写题 · 高频 5 道防抖节流深拷贝Promise 并发控制call / apply / bind不会就说思路我清楚现场可以写。九、场景题 · 万能答题模板任何问题都按这个结构说是什么 → 为什么 → 怎么做 → 应用场景 → 优化点十、面试保命话术 · 最后 10 秒不会思路我知道我会立刻补全学习能力没问题项目我做了 XX优化后 XX 提升 XX一定要量化加分项主动提 Vue3.5、HTTP3、Vite、性能监控、AI 开发