1.为什么一个项目使用sse，一个项目使用websocket2.jwt是什么3.如何使用vite做代理4.css有哪些属性可以继承5.nextick是什么，有什么应用场景，实现原理是什么6.讲一下事件循环模型7.讲一下mcp和skill反问1.公司的有什么业务2.公司有使用ai提效赋能吗3.实习生进入要做什么4.实习生入职有培训吗

📍面试公司：腾讯音乐🕐面试时间：2026.05.27💻面试岗位：前端开发❓面试问题：自我介绍为什么选择前端这个方向？一个专业的前端的开发需要掌握的技术体系有哪些？你自己觉得哪部分学的最好？说一下对虚拟DOM的理解虚拟DOM存储在哪里？虚拟DOM和真实DOM哪个更高效？原因是什么？真实DOM存储在哪里？浏览器渲染一个页面的流程，简单的说一下项目具体介绍虚拟滚动的原理流式输出底层原理应用场景题：一个多轮对话助手应用，然后假如说聊了一整天，聊的非常多，可能会存在内存泄露问题怎么解决？什么是浏览器的同源限制策略？为什么要有这个限制？跨域问题怎么解决？箭头函数和普通函数有什么区别？在前端存储数据有哪些方式？平常手写代码多还是AI写的多？你是怎么看待AI去写代码这件事情？你认为AI写的好还是你写的好？你用的AI工具是哪些？觉得哪个最好？为什么？面试反问🙌面试感想：感觉问了很多的前端底层，整体下来我感觉回答的不太好，而且居然没有手撕题，我准备的手撕都没有用上😞以上就是这次的面经了，希望能帮到有需要的宝子，有什么疑问都可以在评论区问我

很多小伙伴对最终结果很感兴趣，结果我放在评论区了，之前发的小红书帖子 这场小红书前端社招一共四轮。最让我意外的是，几乎每一轮都花了很多时间在聊项目和作品。 我不是标准履历：专升本背景，过往找工作也遇到过学历筛选。所以这篇想记录的不只是题目，也想说说：如果背景不够漂亮，怎么用作品把面试聊起来。 我的作品集/开源主页在这里，后面提到项目时可以对照看： https://github.com/tt-a1i 先说结论  常规场景题会问，但这次真正展开的是项目。 作品要能现场打开、能讲清楚取舍，而不是只写在简历上。 手写题这块我发挥很差，3 道题都没写出来，但后面还是靠作品继续聊下去了。 对非标准背景的人...

这几天陆陆续续的面试挺多挺累的一直没来得及整理，两天四面太疲惫了。现在终于有空回头把面经整理一下了快手前端实习一面还有两分钟左右开始的时候面试官去接水了，让我等一下，回来还没到点说让我缓一下准备开始，然后我就深呼吸，面试官就跟我说不用紧张什么的，说现在每次面试都是一次宝贵经历巴拉巴拉...，感觉还没开始面就被打上容易紧张的标签了不是你让我缓一下的吗1.自我介绍2.ES6新特性3.promise.all 和 promise.race的区别4.promise.all如果里面有一个失败的话是什么结果5.箭头函数跟普通函数的区别然后问我还紧张吗，我真没有表现出来这么紧张啊，虽然心里是有一点的6.讲讲闭...

1. 自我介绍2. 介绍一个自己比较熟悉的排序算法及实现原理（深挖）3. 海量数据无法一次性读入内存，该如何完成排序，问题的核心关键点是什么？4. 海量数据如何拆分、分批载入内存排序，核心重点是什么？5. 如果需要排序的数据为对象，该如何处理？6. 询问平时是否手写原生HTML文件？7. 介绍div实现垂直居中的方式8. 点击div实现拖动，如何让用户停止操作后，div保持垂直居中状态？（深挖，提了不同场景下如何解决）9. 聊一个自己在AI Coding里印象最深刻的代码案例（深挖）10. 介绍自己在AI Coding中提示词的编写逻辑和规则（深挖）11. 使用AI Coding过程中，有没有觉得特别惊艳的地方？（深挖，讲代码）12. 讲解React源码13. 介绍React框架的精妙之处14. 介绍 Prompt Engineering、Context Engineering、Harness Engineering15. 询问有没有看过Claude Code源码？（讲解Prompt Cache机制、上下文窗口压缩机制）16. 询问有没有做过什么Harness 相关项目？17. 介绍Harness Agent项目（Agent Loop、记忆管理、工具调用模块）18. 反问环节面试时长约30分钟，面试官人也很好，提问也会引导回答！后续约了HR面！

自我介绍与经历请做简单的自我介绍介绍三段实习经历及主要工作内容上一段实习结束/未转正的原因是什么JavaScript 基础for(var i=0; i<<5; i++) { setTimeout(() => console.log(i), 1000) } 输出什么？为什么？严格模式下使用未声明的变量会怎样？解释闭包及其常见陷阱事件冒泡与事件捕获的区别及执行顺序stopPropagation 与 preventDefault 的作用与区别ReactuseState 在定时器中出现闭包问题的原因是什么？如何修复？useRef 与 useState 的区别？使用 ref 为什么不会触发重新渲染？useEffect 依赖数组的作用及空数组的陷阱函数式更新 setState(prev => prev + 1) 的优势手写代码实现 delay(ms) 睡眠函数实现并发控制：限制同时发起的异步请求数量（如图片预加载限制并发数为5）使用 Promise 实现异步任务的调度与队列管理项目深挖（组件库/工程化）组件库如何做到逻辑层与 UI 层分离？双端（PC/移动端）复用的方案是什么？如何在不破坏 PC 端的情况下为移动端扩展特定逻辑？组件库 AI 集成（MCP/Skills）解决了什么痛点？具体架构是怎样的？如何处理组件库多版本文档的匹配问题？性能优化代码分割（Code Splitting）的原理及实现方式ESM 与 CJS 的区别？为什么 Tree Shaking 依赖 ESM？图片懒加载的实现方案（IntersectionObserver / scroll 监听）WebP 格式的优势及兼容性降级方案预加载（preload/prefetch）与懒加载的区别核心性能指标：FCP、LCP、CLS、FID 的含义及优秀阈值网络与浏览器HTTP/1.1、HTTP/2、HTTP/3 的核心区别与优化点HTTP/2 的多路复用解决了什么问题？如何根据 User-Agent 判断浏览器/WebView 版本及特性支持？

1.基础价值观&条件：无拼不青春、能吃苦、接受11-11-6+的作息、本分2.简历：技术岗位（前后端）最好有实习否则简历很难过筛、客户端相比可能会更加宽松（26届数据）3.笔试：前端岗位考的都是基础的核心内容（三个选择题+三个简答题）3.1 选择题:循环，异步代码输出分析、前端相关的计算机网络等基础知识3.2 简答题:前端手撕题和场景题手撕,包括Flex布局和CSS3样式设定、Vue3的响应式原理实现、Promise相关内容（并发、一次串行执行、带限制的重试等等、函数柯里化和扁平化对象等等，简答题纯文本手撕无需进行代码提交和测试用例。4.面试（通常3轮技术面+一轮HR面+超长的泡池子，...

1. 自我介绍2. 介绍 Zustand、Redux、useContext（讲解具体使用方法）3. 询问状态管理库产生的背景是什么？4. 当项目复杂到什么程度的时候需要引入状态管理库？5. Axios 解决什么样的问题？项目里做什么样的二次封装？最复杂的拦截器是什么？（深挖，讲代码）6. 介绍 RAF 机制7. 前端项目性能如何优化？（深挖）8. 前端项目中如何对接后端？（深挖）9. 前端项目中最大的挑战是什么？（深挖，讲解解决全流程）10. 前端项目现在的遗憾或者缺点是什么，你想添加什么功能？（深挖，为什么要加，怎么加）11. 如何说服甲方添加新功能，挑战有哪些？12. 介绍 Agent loop13. 场景题：如何设计开发优酷的Skill？14. 场景题：如何在 AI 应用作为流量入口的情况下，在优酷跟别的视频平台的竞争中，怎么能让用户更好的拿到优酷的内容？15. 介绍 Prompt Engineering、Context Engineering、Harness Engineering16. 介绍 Harness Agent 项目17. Harness 有无对比不同的模型？对模型优劣的感知有哪些？18. Agent 安全性如何保证，怎么能够商用化？（深挖，偏场景题）19. 介绍自己平时怎么使用 AI ？20. 介绍自己 AI Coding 做的最复杂的一个功能？（深挖，讲代码）21. 如何把 AI Coding 的代码快速部署使用？22. 除了用 AI 写代码，还做哪些事情？23. 谈谈AI对新老程序员的改变，新手依托AI写代码缺失问题解决经验该如何弥补，以及AI时代程序员如何提升自身核心竞争力？24. AI Coding 题目25. 反问环节面试时长约75分钟，体感比一面好。面试官人很好，提的问题贴合真实开发场景，不是纯八股，和AI热点结合的场景问题很多，也会引导回答！

## 有没有自己封装过组件## 二次封装element ui一个组件要怎么做，注意什么## ES6新的东西有哪些## vue的data为什么是函数## 要发起一百个异步请求，用Promise要怎么做，如果99个成功1个失败要怎么处理## vue2与vue3生命周期的区别## 组件传参有几种方法## 路由守卫是什么怎么用## this指向的几种情况## 防抖节流是什么## 前端鉴权怎么做，就是axios加请求头## 性能优化和样式优化## 前端代理（我不明白他说的什么代理，vue代理服务器？还是代理对象）## agent是什么，和大模型区别## 上下文是什么还有其它的想起来了再补充我感觉问的都是很基础的问题，比如路由守卫是什么，生命周期。我连这些都不熟练。确实又一次没准备好。哎，最近懈怠了，还是得学。

1.自我介绍2.项目亮点3.学校主修课程4.代码题（一个fetch挖坑为什么拿不到data）5.页面输入URL到内容显示经历的过程6.HTTP响应报文的具体内容（回答了结构组成部分，具体内容忘了）7.元素水平居中的方式8.状态码（5个种类，以及一些常见的）9.经常使用的AI工具10.LLM中的状态管理怎么做的11.内容超出上下文限制怎么办（按照优先级压缩这一块）12.Git：一套完整的推送流程（常用命令）13.什么是API14.如何实现该功能：点击切换按钮切换主题为深色模式15.AI工具会取代程序员吗16.未来发展规划反问：公司的现在的项目背景，如果有幸入职该公司，目前的主要任务后面聊了一下薪资和AI方面的，总之公司十分看重AI的使用能力，还问了一些任务拆解喂给AI的

1. 自我介绍2. 介绍React生命周期3. 拷打前端项目4. useMemo和useCallback 具体使用方法5. useEffect 具体使用方法6. 有无开发 MCP Sever7. MCP的数据格式协议8. vite脚手架是否自己搭建9. vite和webpack区别10. 场景题：如何用React框架搭建一个通用化组件库11. 介绍Skill12. Skill是否只能提供给大模型使用？13. 如何判断模型意图调用Skill或者MCP的正确率？14. 拷打Agent项目15. 反问环节一面无手撕，面试时长约 30 分钟，体感比之前灵犀互娱那次要好一点。

1.自我介绍2.实习过程的项目难点3.开发完成公共库之后，还没发布到npm上，如何让同个仓库的开发者使用？4.文件上传是如何做切片的？file对象和blob对象有什么区别？5.localstorage能不能存储blob对象？不能的话应该怎么做？6.有没有了解过Arraybuffer对象？8.TS中的type和interface有什么区别？9.TS中的&&，!，？？分别表示什么10.页面中四个div，前三个在左边宽度固定，最后一个在右边宽度自适应，怎么实现？11.flex：1的具体含义是什么？12.如果给其中一个元素设置flex–basic，又同时设置width为固定值会怎么样？以谁为准？

机试：回到顶部按钮（JS原生）面试：一轮自我介绍选择器有哪几种？选择器优先级？有哪几种盒模型？通过什么进行切换？画一下事件循环的流转图Promise的实例（写出来），它解决了什么问题？Vue2和Vue3的响应式区别有什么想问的问题（我记得的内容大概就这些）二轮主要问多久能到岗，在本地租房还是怎么样，还有没有课之类的个人安排问题希望能帮到有需要的宝子

25个单选题（考察计算机四大件，前端基本知识代码输出）10个多选题（和单选题考察一样）三个问答题（考察promise代码和其他简单前端知识的定义）

5-11 一面（1h）1.自我介绍2.什么时候接触到的前端开发3.学过哪些东西4.输入url到整个页面渲染全流程5.https为什么更安全6.http2.0相对于http1.1有什么优点7.前端需要防范的一些网络攻击（xss和csrf）8.有哪些手段让首屏打开更快9.前端框架主要使用什么10.现在让你写一个ant design的下拉选项框的组件，不能使用原生的select 和 options标签，那你会怎么来设计这个组件？11.怎么来控制他的下拉、选值、隐藏等功能呢12.哪个项目印象最深刻13.这个项目主要做了哪些事情14.最大的难点是什么15.多语言切换用的什么方案16.语言包体积过大的问题怎么解决17.如果后续有新的业务导致有新的语言文案产生，怎么加入到你的语言包里面去呢18.写项目使用ai么19.mcp有了解过么，说一下他的作用是什么，以及整个作用方式是怎么样的20.为什么需要引入mcp这个东西呢21.三道手撕：1：数组转成树2：手撕快排3：最长有效单词长度23. 反问业务和技术栈一面给面试官的感觉好像很不错，问我手上有没有其他offer啥的，然后说，行你这边的情况我基本了解清楚了，后面我让leader跟你聊聊，然后面试结束大概10几分钟，约2面5-14 二面（30min）没有自我介绍，简单聊了下天投屏讲实习项目国际化单复数怎么处理还有其他亮点难点么为什么SSE有连接开销、SSE不比长轮询更好么？你这种设计不会有一定的资源浪费么现在让你重新去优化你该怎么考虑呢？SSE每次可以实现增量拉取，不更节省资源嘛，对比过流量消耗么？VibCoding，写一个agent相关的回放工具（面试官说他下一场面试马上开始了，这边就先结束了，然后做完后发他邮箱😟）面试结束后，我赶紧写，写了大概4个h，然后发到他的邮箱。基本上是演示项目+聊天面，不过项目设计有几个问题点都被抓出狠狠拷打了😭，第二天中午的样子，二面通过显示HR面5-19 HR面5-21 转录用评估5-22 oc5-25 正式邮件

评价：问的很基础，我基础差，寄0-40min：手写深拷贝手写数组扁平化平常不重视手写，只写了最基本的功能实现，大家一定要好好准备，其实没写出来已经挂了，后面的问答基本走个流程。40-60min：React 盛宴1.谈谈你对 React 的理解2.谈谈你对 hook 的理解，有什么作用3.为什么 hook 不能放到条件语句里4.diff 过程5.如何封装一个 useForm（），没答好，依旧代码的区6.谈谈性能优化的手段7.没说全，又让我补充 React 防止内存泄露的手段8.React 组件通信方式？漏了 useParams（）没说

手撕：原地排序、比较版本号1. 介绍水平垂直居中方法（为什么transform？相对于什么元素？top left相对于什么元素）？有没有不改动父元素的方法？2. box盒模型3. 网络同源，如何解决跨域？详述CORS4. 浏览器渲染过程？说一个具体的例子解释重排和重绘，怎么减少操作？5. SSE和WebSocket6. 项目拷打：指标是怎么量化的、我是怎么提升这些指标的、困难和进步、怎么用ai coding、7. MCP和skills，怎么写一个skill，有没有用过ai工程化实现8. 大模型多模态9. 大模型markdowm转html？-----------------------------------------------------------------------------------------------主要问项目和ai，ai没答出来，但是面试官人超好拜托捞捞我

快手前端面试一、面试核心考点（全覆盖）双 Token 无感登录（全程重点）RefreshToken 过期处理微服务鉴权架构：网关 / 登录中台 / 业务服务现场手写：秒数转时分秒 + 开始倒计时 + 复位二、每道题标准答案（可直接复用）1. 双 Token 无感登录实现登录返回 AccessToken（短） + RefreshToken（长）前端请求携带 AccessToken过期由服务端 / 网关返回 401前端自动用 RefreshToken 刷新，成功则重试接口，用户无感前端不判断过期，只做携带、刷新、重试2. RefreshToken 也过期怎么处理响应拦截器统一捕获清空 Token、...

题型三个选择题三个编程题选择题考察前端基本知识（时间循环，代码输出结果）编程题考察基本前端手撕题和场景题手撕（函数柯里化，扁平化对象，promise）