很紧张，回答的磕磕跘跘的，答的很垃圾😭首先就是自我介绍，为什么要学前端展示项目（这里项目没打开成功，还耽误了好多时间react里面的virtual dom为什么项目当中用vue而不是reacthtml5是什么，和传统的有什么不同function calling是什么，怎么实现的（这里我回答成项目当中怎么做的了）MCP是什么，和skill的区别是什么后面看我回答的不是很好就开始问我的人生规划问我自己vibe coding的经历什么的手撕：买卖股票的动态规划II最后反问阶段，因为知道自己必挂就开始闲聊了，问了面试官我的不足以及接下来应该怎么样学习去提升自己的能力之类的面试官人很好，美团很好，是我太菜了😭😭😭

刚刚结束人生中的第一次面试，非常紧张，在学校闷热的顶楼空教室面的。面试前准备了很多，依旧大脑空白。1.简单的自我介绍（简单的说了姓名，学校，技能，面试官说没了？我感觉下次要说的多一点。。。）2.rem，vh/vm，媒体查询的区别（媒体查询卡住）3.数组去重如何实现（Set，遍历）4.对闭包的理解5.你的项目中有使用到闭包吗（。。。卡住）6.webpack和vite区别（项目打包。。。面试官说vite更轻便，这个我知道但是当时竟然没有说出来）7.Keepalive有了解吗（没有）8.npm，pnpm的区别以及项目中用到了什么9.async，await的本质，以及和promise的关系10宏任务微任务执行顺序11.开始介绍第一个项目12.问了一下项目中图片处理的算法，没有深入13.图片上传之后，前后端分别做了什么（这个项目用node.js写的全栈）14.SSE和 WebSocket的区别，为什么没有选择WebSocket15.如何处理SSE断线重连，数据重复，取消SSE（重复不太清楚，说了数据不完整的解决方法）16.接入大模型后用没有用到prompt进行限制17.JTW登录流程18.token存储在哪里，存储到本地安全性不高你有没有想过后续优化19.大文件上传从68%提升到98%，如何测算的（没改之前上传失败多次，修改之后没有失败过。。。）20.上传的格式有没有要求（做了png，jpg等的筛选）21.路由懒加载、图片懒加载如何实现的22.新消息自动滑动如何实现的（AI做的，确实没有仔细的了解过）23.图片存在哪里（本地，嗯。对。。）24.介绍第二个项目（问了用的什么模型，是否有prompt限制，我只做了前端，练手的，后端不是很清楚。。。）25.fetch请求和原生请求的区别26.项目有没有遇到过内存泄漏（目前没有，我理解错了）27.计时器使用后的处理方式，在哪个时期销毁的28.数据库设计29.如果图片上传速度慢，你回怎么排查30.有没有了解过我们公司31.上级或者老师代码意见不同怎么办（认真分析+学习）32.完成需求和写好代码哪个更重要（完成需求）33.有没有用过ai辅助，用的cursor的那个大模型（c开头的，token比较便宜。。。）34.需求不清楚如何推进工作流程（和对接人员进行讨论，可以先做出大致功能然后细化）35.对这次实习有什么期待吗（学习公司业务流程，个人对公司业务很感兴趣）36.入职时间37.MBTI38.期望薪资（ssob上是200-300，我说都可以，遵从实习生标准）39.反问（公司前端业务：内部组件库，对接的商业公司的要求；公司ai使用率（鼓励员工拥抱ai，但是基础知识要懂，不能只靠ai。。。感觉公司ai使用率并不高））半个小时的时间就结束了，面完大汗淋漓。第一次面试狠狠地揭露了自己的不足，八股不熟练，项目细节不清晰，只关注ai相关的知识了，感觉面试完就已经有结果了。。。面试官的口音和我很喜欢的一个博主很像，莫名有些好感，奈何自己实在是欠缺，场面一度尴尬。接下来要针对自己的不足仔细弥补了，下一次就不会太紧张

ai流式响应用什么做的sse的这种请求和普通的请求有什么区别说一下fetch和eventsource后台项目权限管理怎么做的怎么使用自定义指令管理权限的Pinia使用场景，一刷新没了怎么办pinia对比本地存储的优势v-for里key的作用什么情况下可以用索引值ai时代下的对自己的技术的计划

双非一本，前端。 面试前我花了两周复习项目，把实习做的可视化大屏每一个细节都背下来了。数据怎么来的、怎么处理的、用了哪些库、遇到什么问题、怎么解决的。连ECharts的哪个配置项会影响性能我都查了。结果面试官看了一眼简历，说："项目先放一放，问你几个基础问题。"我：？？？然后问了四十分钟CSS和JS。BFC是什么。我答了。怎么触发。我答了。解决什么问题。清除浮动、防止margin重叠。他追问：如果子元素是absolute定位，BFC还管用吗。我想了一下说不管用，因为absolute脱离文档流了。他没表情，不知道对不对。Event Loop。给了段代码，setTimeout和...

流程概览： 通常采用3轮技术面 + 1轮HR面的结构。需要注意的是，该司秋招发Offer的时间节点相对较晚，通常会比其他一线大厂滞后约20天（存在“泡池子”现象，需做好心理预期与时间规划）。1 技术考察侧重点面试不仅关注八股文，更强调查询实战编码能力与算法功底：• 代码手撕（Live Coding）：• React 实战： 现场编写组件（如倒计时组件）及自定义Hook；考察useCallback与memo的性能优化组合使用。• 异步编程： 围绕 Promise 的高频场景题，如并发控制、串行执行、请求重试机制等。• 算法基础： LeetCode 常见题型，重点关注数学逻辑与数组操作（如无重复字符的全排列）；框架底层相关算法（如 Vue3 Diff 中的最长递增子序列 LIS）。• 实习/项目深挖：• 校招中，面试官会重点关注你过往的实习经历。虽然具体业务可能与入职部门不完全匹配，但需清晰阐述项目的业务背景、技术重难点、个人解决方案。• 加分项： 项目中是否有结合 AI 的实践（如 Copilot 提效、AIGC 应用落地等）。2 基础理论与底层原理此部分考察深度较深，需具备源码级或架构级的认知：1. 框架深度（React & Vue）：• 考察全家桶的细节使用，通过询问具体 Hook、路由配置、状态管理方案来验证真实性。• React 进阶原理： 重点掌握 React 16+ 的特性，特别是 Fiber 架构（包括双缓存机制、更新流程：触发更新->渲染-Reconciler->提交-Commit）、Element 与 Fiber 对象的区别，以及并发模式（Concurrent Mode）和服务端组件（RSC）的概念。2. 工程化体系：• 构建工具原理对比（Webpack vs Vite）。• 大型项目管理方案（Monorepo 大仓）。• 自动化流程（CI/CD 流水线搭建与部署）。3. 计算机基础：• 网络与浏览器： 经典题“从输入URL到页面展示”的完整链路解析（DNS、TCP、HTTP、渲染树、重排重绘等）。------这个版本适合作为个人复习大纲或面经分享。需要我根据你自己的简历经历，针对性地模拟几个技术深挖的问题来帮你预热这份面试复盘信息密度很高，涵盖了前端高阶岗位（尤其是校招SP/SSP或资深前端）的典型考察路径。为了让它更具逻辑性和可读性，我帮你梳理并润色如下：------4. 面试流程与核心策略流程概览： 通常采用3轮技术面 + 1轮HR面的结构。需要注意的是，该司秋招发Offer的时间节点相对较晚，通常会比其他一线大厂滞后约20天（存在“泡池子”现象，需做好心理预期与时间规划）。4.1 技术考察侧重点面试不仅关注八股文，更强调查询实战编码能力与算法功底：• 代码手撕（Live Coding）：• React 实战： 现场编写组件（如倒计时组件）及自定义Hook；考察useCallback与memo的性能优化组合使用。• 异步编程： 围绕 Promise 的高频场景题，如并发控制、串行执行、请求重试机制等。• 算法基础： LeetCode 常见题型，重点关注数学逻辑与数组操作（如无重复字符的全排列）；框架底层相关算法（如 Vue3 Diff 中的最长递增子序列 LIS）。• 实习/项目深挖：• 校招中，面试官会重点关注你过往的实习经历。虽然具体业务可能与入职部门不完全匹配，但需清晰阐述项目的业务背景、技术重难点、个人解决方案。• 加分项： 项目中是否有结合 AI 的实践（如 Copilot 提效、AIGC 应用落地等）。4.2 基础理论与底层原理此部分考察深度较深，需具备源码级或架构级的认知：1. 框架深度（React & Vue）：• 考察全家桶的细节使用，通过询问具体 Hook、路由配置、状态管理方案来验证真实性。• React 进阶原理： 重点掌握 React 16+ 的特性，特别是 Fiber 架构（包括双缓存机制、更新流程：触发更新->渲染-Reconciler->提交-Commit）、Element 与 Fiber 对象的区别，以及并发模式（Concurrent Mode）和服务端组件（RSC）的概念。2. 工程化体系：• 构建工具原理对比（Webpack vs Vite）。• 大型项目管理方案（Monorepo 大仓）。• 自动化流程（CI/CD 流水线搭建与部署）。3. 计算机基础：• 网络与浏览器： 经典题“从输入URL到页面展示”的完整链路解析（DNS、TCP、HTTP、渲染树、重排重绘等）。

Axios请求封装一般要做哪些事情多个接口同时返回401你怎么避免重复跳转登录和刷新tokensse和websocket区别为什么ai聊天常用sselocalStorage和sessionStorage区别商品图片上传和预览怎么做的，怎么限制格式和大小怎么封装通用业务组件怎么优化项目打包体积用户刷新页面动态菜单和路由丢失怎么做文件拖拽上传怎么实现的写个快速排序初始化一个项目 并推到远程仓库创建分支

1. SDD + TDD 开发新组件的完整流程是什么？。2. Story 文档容易遗漏状态或 Props，怎么保证覆盖度？3. 组件文档 Skills、MCP、llm.txt 三者的关系是什么？4. MCP 怎么解决组件库版本号问题？5. 逻辑层与 UI 层分离的具体实现6. 工厂函数运行时组装有没有性能损耗7. 有没有遇到核心 Hook 入参在 PC / 移动端类型不同（如 MouseEvent vs TouchEvent）？8. 图片预览的缩放、拖拽手势是自己实现还是用的库？基于 rc-image（antd 底层库）实现，在其上包一层 ImageViewer 保持官方组件库样式一致。9. 预览 50M 大图片第一次加载慢怎么解决？10. 财务系统高度保密场景下，ImageViewer 需要扩展哪些安全功能？11. 页面模板系统 SSO 完整鉴权流程？12. 多个接口同时触发 401，怎么避免重复刷新 token？13. iframe 静默刷新 token 解决什么问题？14. 手写addEventLister15. 常用的 React Hook 有哪些？16. useEffect 与 useLayoutEffect 的区别？17. 父子组件通信有多少种方式？18. 子组件暴露内部状态给外部调用的 Hook 是什么？19. Context 失效的常见场景？

1.自我介绍2.项目的难点和解决方案（markdown解析如何实现）（可视化数据仪表盘 怎么做的图 哪几种图 如何实现）3.手撕（异步操作 promise settimeout执行顺序）（普通函数 箭头函数 区别）（vx发送拼手气红包 如何实现）除了最后一个都挺简单 但是我刚准备没多久 估计凉 面试官挺和蔼的。也没戳穿我基础有多差 没上压力

40min v2v3区别ref relive区别底层原理为什么ref要.valuepromise所有事情，promise的三个状态，构造函数方法事件循环微任务说出三个以上await为什么下面不执行了，async，await原理怎么判断prmose说了object.call和instanceof说这两个都有缺陷，让我说别的小程序条件编译 不会为什么要有虚拟dom，虚拟dom好处（说绝对不是性能上，可以说开发体验，还有其他让我去搜）反问，让我打好基础，基础知识要知道，在学校好好提升自己。最终挂了

一直在牛客看别人的分享，终于有一天自己也能做分享了，字节推流程还是很快的，纪念我的暑期收官timeline：5.15 一面5.21 二面5.25 三面5.27 hr 面5.29 offer一面：全程项目问题，无八股，手撕只让说了下思路，一个括号匹配还有一个忘了（但不难）二面：全程八股拷打，无手撕1. 为什么想做前端2. js 闭包及其风险3. js 引擎你了解什么，异步任务怎么实现的，nodejs 里怎么做4. 从输入 url 到渲染页面的整个过程，渲染过程中具体哪些工作5. css 样式优先级6. 给按钮添加点击事件的几种方法，除了内联属性呢，你知道 addEventListen 的哪些属性，usecapture 的作用7. 图片懒加载的方法，它的表现是什么样子的，如果没有 loading 这个方法改用 js 去实现可以怎么做，他是怎么判断图片到视口位置的8. 做多帧/连续帧的动画有哪些方式，支持动画的图片格式有哪些9. 你怎么提升页面的秒开率，给你一个页面让你做性能优化你的整个流程，有哪些指标，怎么验收测试10. 你对 agent 的理解，和直接给 llm 有什么区别，你在 ai coding 中遇到什么问题，怎么让 ai 更符合期望地工作，用哪个 ai 工具比较多11. 除了前端你还了解哪些技术栈，有没有实际操作，linux 命令知道哪些12. 你在生活中有哪些爱好，有没有用技术手段去解决13. mcp 和 skill 的理解，有没有自己开发过三面：项目简单拷打+手撕：promise并发调度，版本号排序1. 你怎么理解qiankun框架，mpa 不能实现吗，js 隔离与 css 隔离的原理，沙箱隔离的底层原理，css 隔离还了解哪些其他方案2. 说说你在 xxx 这个项目的难点+深入提问这里匿名，于是分享下真心话，从三月底开始大大小小的投递与面试，中间经历了无数次迷茫、崩溃、失眠，看着其他同学陆续上岸，心态一再受打击，收到不甚满意的 offer 也曾想过有个班上就挺好了，要不到此为止吧，但一想到即便入职也过不去心里那道坎，还是决定再试试。我当然知道这是围城，可是有些事自己不体验一下是不会甘心的。最后我想说找实习心态最重要，实力与运气并存才能有满意的结果，我自认为差不多的面试表现，不同面试官会给出截然相反的评价。所以不要妄自菲薄，努力最大的意义是提高自己被看见的概率，面试最大的意义是增强自己的抗压能力，即便我未来可能会转行，可能会后悔，但这段经历能让我接受失败是人生的常态，能让我在持续低气压中保持学习状态、持续做正向的事情。祝大家都拿到满意的结果～

前两天整理了Java后端的面试题汇总，感觉大家还挺有需要的，收藏挺多，有牛友私信我能不能整理其他岗位的，今天就先出一版前端的吧，其他岗位后面陆续更新，感谢大家捧场！题目均来自其他牛友发的面经，真实可靠，每道题也都标注了来源觉得有帮助的话，辛苦点赞收藏转发一键三连，需要其他岗位的，也可以评论留言一、JS 基础1. 闭包是什么？应用场景？来源：百度一面、阿里一面、厦门中小厂、字节前端、百度暑期一面厦门追问：闭包导致的内存泄漏怎么定位字节番茄追问：使用了闭包页面变得很卡如何排查2. this 指向 / 箭头函数 this来源：哈啰一面、字节 TikTok 一面、字节番茄三面、海康威视、百度暑期一面、...

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热点结合的场景问题很多，也会引导回答！