📍面试公司：美团🕐面试时间：4.20💻面试岗位：前端❓面试问题：1.自我介绍2.Al-coding:你接到一个需求:“用A1帮用户自动生成周报，直接发给他的上级。”1.将这个需求拆解为A可独立执行的原子子任务(至少5个);2.在你拆解的子任务中，哪些步骤A1不应自主执行，必须由用户确认或人工介入?请说明判断依据;3.如果用户没有提供任何本周工作记录，该流程应如何处理?问题:你划分了几个子任务，你要怎么获得用户的工作内容，哪些步骤应该需要人工介入(和题目中问的差不多)3.八股:JS事件循环+输出顺序题追问:如果在promise中再写一个setTimeout，输出的结果会怎样4.项目部分:①流式渲染是怎么实现的②讲讲你的A对话项目的页面布局，你是怎么实现这种样式的③你的项目中用到了TS，讲讲为什么使用ts，有什么好处，结合你简历上写的功能具体讲讲④你提到了高性能渲染，怎么实现的，怎么保证进行其他操作页面不卡的5.手撕:①数组的扁平化②合并两个有序链表6.反问🙌面试感想：第一次面试，话都说不明白，还是得多沉淀啊😭

前半小时全拷打项目，后面半小时手撕手撕是事件循环输出第二是乘积最大数组。说实话是鼠鼠我项目准备太单一了。给uu建议是如果是线上产品，你得准备完整的量化操作，背好相关概念。如果是demo，还得思考，从demo背景出发，为什么要这么做，这是你该做的吗？都要的就是，你具体是怎么做的（他会在项目中问些八股，不会单纯问），我觉得前提得简历写清楚，不要像鼠鼠给面试官误会了，然后理解的不是同一个东西，不是面试官想要的很扣分的。

简历是四月2日投的，上周打电话约面，池子这么大吗？一、项目相关：1. 介绍一下你的项目（项目来源、核心功能）2. 项目里你觉得最有收获、相对复杂的功能点是什么？3. SSE 流式输出是怎么实现的？二、八股相关：1. JS 是单线程语言，介绍一下事件循环机制？2. 常见的宏任务和微任务分别有哪些？3. 浏览器事件循环和 Node.js 事件循环有什么区别？4. 什么是执行上下文、执行栈？（这我真懵了，面后搜了下稀土吓哭了...）5. 什么是变量提升？变量提升的优缺点是什么？6. JS 如何实现继承？介绍原型和原型链？7. JS 数据类型有哪些？基本类型和引用类型区别？8. 什么是浅拷贝、深拷贝？深拷贝常用方法有哪些？9. HTTP1.0 / 1.1 / 2.0 区别是什么？10. Node.js 如何操作文件（读文件、写文件）11. 简述React 的虚拟 DOM Diff 算法原理三、算法1. 数组中除了一个数字只出现一次，其他都出现三次，找出这个数字。已挂求捞好吗，唉还是得接着沉淀，好累啊...

面试时间：4.20晚上7点 时长35min面试官很友善，也很年轻，给我很强烈的一种公式的味道，从八股到项目到ai到手撕，特别强烈的公式感1. 自我介绍2. 讲一下浅拷贝和深拷贝的区别。3. Vue3 相比 Vue2 有哪些优点和升级？4. 你怎么理解 Vue3 里的 Hooks / 组合式逻辑？5. 你有没有自己封装过 hooks？适合在什么场景下封装？6. 讲一下 Vue 里的虚拟 DOM，它主要解决什么问题？7. 从输入 URL 到页面最终渲染出来，中间发生了什么？8. 多人协作开发时，Git 分支一般怎么管理？9. 如果你往公共分支提交了一段有 bug 的代码，怎么安全撤回？10. 你有了解或使用过 React 吗？11. 介绍一下你的 AI 对话平台项目，项目规模、页面结构和你负责的部分分别是什么？12. 你项目里用了 SSE，如果里面混合了文本、图片、视频，你会怎么处理？13. 你项目里的本地持久化机制是怎么做的？为什么用 Pinia 和 LocalStorage？14. 如果会话数据不断增长，LocalStorage 超出容量上限了怎么办？15. 如果把 SSE 改成 WebSocket，能力上能不能完全对齐？有哪些差异？16. 介绍一下你的通用后台管理系统项目，这个项目的难点是什么？17. 你们上传的文件一般是什么类型？18. 分片上传的分片策略是怎么设计的？为什么用这个阈值？19. 分片是越多越好还是越少越好？怎么权衡？20. 讲一下断点续传的完整实现流程。21. 秒传是怎么做的？核心判断依据是什么？22. 你做的前端性能优化有没有量化效果？怎么测出来的？23. 你平时学习前端主要通过哪些渠道？24. 你最近有了解哪些前端相关的 AI 工具？25. 你怎么理解 Skills？26. 手撕：LC20. 有效的括号27. 反问

面试官很和善，引导的很好，技术理解的题答不出来会讲解然后跳过，感谢1.主要拷打项目和实习工作时的主观能动性，比如为了解决什么样的问题或者需求做的，工作时对项目的整体架构探索和需求背景的了解；2.提问hook和工具函数的区别，只从复用角度为什么还要用的自定义hook而不是封装成工具函数；3.前端框架的意义；4.diff和如何降低多叉树复杂度；5.找出无序数组的连续区间（思路有但没写出来，刷题刷傻了，想复杂了）；6.如何使用ai工具，使用哪些编译器，项目编译前后分别是什么；7.vite，webpack如何配置；总之考察思维和开放题为主。收获：提升了自信，以及还是要提升解决问题的能力，不能一味刷八股...

📍面试公司：美团🕐面试时间：3.30💻面试岗位：前端1、大数相加的使用场景2、js 的 Number 的范围3、从计算机的角度来解释 Number 的范围4、setTimeinterval 如果时间长了会发生什么5、timeout 中再调用 timeout 和直接用 interval 有什么区别，哪种在倒计时业务场景更好6、怎样去防止定时器的延迟显示7、如果用真实时间戳作为参照来更新倒计时，又可能产生什么问题8、实现响应式方式有哪些9、讲 flex ，以及 flex 的一些属性10、flex 按照比例分配剩余空间，剩余空间是怎么来的11、flex grow、shrink、basis12、虚拟列表渲染原理，性能差异13、web worker14、FCP15、页面加载过程哪个阶段影响哪个性能指标15、vite 开发环境和生产环境区别16、聊 AI代码题：1、vue 写一个倒计时组件，接收一个初始时间prop参数2、大数相加

面试时间：4.20下午3点 时长1h50min面试官很友善，绝大部分时间都花在vibecoding上面了，时长挺虚的，但是感觉vibecoding的不好，大概率挂了，但是学到了很多，无手撕1. 自我介绍2. 介绍一下你项目中的虚拟列表功能3. 为什么要使用虚拟列表4. 了解过Vue开源虚拟滚动组件吗5. 窗口缩放导致高度变化，高度缓存表如何处理6. 用什么API和事件测量元素高度7. vibecoding：移动端小游戏适配到桌面端正常游玩（可以使用ai）8. 什么是事件冒泡和事件捕获9. 数组和链表的区别10. JS数组底层是数组还是链表11. 浏览器计时器适合用什么数据结构12. 最小堆是什么、底层如何实现13. requestAnimationFrame是什么、作用14. 大模型输出快慢对RAF的优劣势15. 如何平衡RAF在不同输出频率下的表现16. Vue nextTick是什么、作用17. 如何结合nextTick优化流式渲染18. 如何解决Markdown渲染抖动19. 增量渲染能否解决抖动20. JS垃圾回收机制21. 反问

人事和开发部长联手拷打，鼠鼠开头就被人事拷打击溃了心理防线，后续面试也是回答得一坨，开发部长面试纯人机对话，无任何引导和反馈，挺抽象的，也是不出意外第二天接到面试没通过消息，问原因说是技术问题，鼠鼠直接道心崩坏又摆烂了两天1. TS 和 JS 的关系与区别？2. 后台权限开发的具体工作内容？3. 响应式布局和多端兼容的实现逻辑（识别屏幕后如何适配）？4. 富文本编辑使用的是什么插件？5. 部门相关组件使用的 UI 库（Element/Antd 等）？6. 分页查询和 Excel 导入导出是前端分页还是后端分页？7. 前端是否会写接口？用什么框架？是否写过请求拦截器？8. 登录 token 的存储方式、过期处理逻辑？9. ES6 用过哪些高级对象 / 新语法？10. 箭头函数解决了什么问题？与普通 function 的区别？11. 函数的基本结构包括哪些？

📍面试公司：美团🕐面试时间：3.27💻面试岗位：前端1、js == 和 === 的区别2、js 数据类型，区别3、symbol 是什么，应用场景4、防抖，如何实现，应用场景5、轮询请求怎么做，setTimeout还是setTimeinterval，为什么6、输入 URL 发生什么7、HTTP 和 HTTPS8、为什么证书能保证安全，对非对称加密的理解9、script 标签属性10、对跨域的理解11、项目中 CSS 怎么命名，项目中的 CSS 的结构是怎么维护的12、日夜模式切换怎么实现13、CSS display 属性有哪些14、SSE 和 socket 区别15、聊 AI 使用16、在什么场景下 AI 不好，怎么优化代码题：1、同步异步输出顺序2、现场 AI coding，带有联想列表的防抖输入框，AI 写完让我讲 + 问细节让我找

一、项目部分：1. 图片上传的前后端逻辑怎么做的（流程、图片传输形式与编码解码）2. 讲讲Zustand（理解、Zustand persist 持久化）3. 无限滚动如何实现（Intersection Observer，讲讲DOM过大后的优化思路）4. 为什么选择TanStack Query5. 项目未来上线后可能存在什么问题6. 常用哪些Git操作二、AI部分：1. 常用哪些AI工具辅助开发2. AI 结合项目的使用方式3. Code Agent 底层理解（问了有没有具体了解Agent是怎么实现coding的，还提到Claude源码泄露，可能是想问有没有读过源码）三、手撕：1. PromiseAll2. 数组扁平化面试官人很好，几乎没怎么问八股，整个流程下来体验挺好的，甚至给了我一种自己答得不错的错觉...

网上风评很差，都说是kpi面，但鼠鼠春招实在约不到面试所以还是去了，一进门一排人全在写笔试题，笔试题不知道在哪里找的冷门知识，项目面也很水，一点项目没问，只问了一些很基础的八股，项目面之后接着就是hr面，问了些预期薪资啥的常规问题。体验下来感觉和网上说的差不多，确实是黑厂，boss上薪资甚至只给的2-3k。后续也没接到面试通过的信息，属于是挂掉了1.html语义化标签2.css选择器权重3.js变量定义关键字以及区别4.持久化存储数据的方式以及区别5.什么情况下会出现跨域问题6.原型链7.vue2/3生命周期8.vue组件通信的方式9.vue路由模式以及区别10.小程序生命周期以及和vue区别11.开放性提问：项目开发完成之后无报错无响应问题排查

📍面试公司：美团🕐面试时间：3.15💻面试岗位：前端1、如何在项目中使用 AI 工具来提升效率2、HTTP 和 HTTPS 协议的区别3、用户在访问一个网站时，浏览器提示该网站的 HTTP 证书无效，如何处理这个问题4、为什么 SSL 证书过期会导致 HTTPS 连接出现问题？这个问题背后的原理是什么？5、什么是闭包，具体应用场景6、babble 的作用与原理7、如何确保转换后的代码在不同浏览器中的兼容性？如何配置 Babble？8、Babble 在处理 polyfill 时具体是如何避免全局污染的，以及在配置过程中会选择使用哪些工具或插件来实现这一点。9、设计一个前端路由系统时，需要支持路由懒加载和页面过度动画，说明实现思路以及如何优化首屏加载性能10、实现路由懒加载时，如何处理可能出现的加载延迟问题11、实现页面过度动画时，如何确保动画的流畅性和性能

一、八股相关：1. 常用 HTML5 标签2. 标签语义化3. SEO优化怎么做4. TypeScript防御性编程会怎么去做5. interface 与 type 的区别6. 如何获取函数入参类型（二次封装）：Parameters<T>7. 事件委托原理8. React 组件内 onClick 与 document.addEventListener 谁先触发？9. useEffect 与 useLayoutEffect 区别？10. React 任务调度与优先级二、项目相关1. 瀑布流布局如何实现2. 长列表渲染优化方案3. 大图 / 大量计算如何避免阻塞主线程（Web Worker、WebAssembly）4. Zustand 与 Redux 区别三、场景题全局异常捕获与上报设计思路（框架解耦的通用 SDK 设计）感觉这家有些缺人，一面后hr直接问我意向，唉但自己不是很想去做低代码平台相关的业务，sorry啦...

一、手撕题 1. 版本号排序2. 事件循环输出题3. 限流调度，执行的任务数量不能超过两个二、AI 相关问题（开放性问题）1. 你经常使用 AI 工具吗？对 AI 的熟悉度2. AI 的一个场景，通过一个 SSE 去吐内容，你了解 SSE 是什么吗？流式输出它的那个内容是 Markdown，那前端要显示的这个内容，但是因为 Markdown 它可能一开始语法并不全，比如说举个例子，它加粗或者是画横线之类的，它一开始吐出的可能是一部分内容，这种情况下怎么去处理？3. 正常工作中的 AI 工作流是什么样子的？比如你要用 AI 能充分理解你的项目，让它了解你当前的上下文是怎么定义的，举个例子。4. 如果 AI 生成的代码都跟你当前的项目规范不太一样，或者说有冲突，这个时候1应该要做怎么样的约束呢？5. 当你项目比较大的时候，它不可能全盘的去读你整个项目，这样 token 会爆炸，这个时候怎么处理？三、八股1. 使用 new 操作符，整个对象操作会做什么事情？2. CommonJS 和 ES6 module 的区别3. 在 JS 中，比如 0.1 + 0.2，它是不全等于 0.3 的，什么原因？4. 浏览器的安全策略有哪些？5. 浏览器的渲染机制是怎么样的？6. 怎么去避免重排重绘？7. 进程通信方式有哪些？使用场景分别是什么？8. TCP 是怎么实现可靠传输的？9. http3.0 协议为什么要基于 UDP 去做？10. React Router 是怎么实现的？11. 微前端的JS沙箱和CSS沙箱是怎么实现的？（没有接触过微前端，所以直接说不会了）12. 正常开发项目时性能优化思路是怎么样的？13. 上线虚拟滚动之后你是怎么去监控它是否按预期实现？4.17一面半小时后通知通过，4.20二面（我已经挂过两次二面了，希望这次能通过...）

复盘上周的快手一面，答得很烂，继续沉淀吧唉项目相关：1. 项目中SSE推流是如何实现的（请求配置、如何中断请求、是否了解 EventSource、Async Generator 等封装方式，面试官抠得很细...）2. 项目乐观更新如何实现（是否了解staleTime、gcTime 配置）3. BlurHash 图片占位实现（具体如何实现，canvas组件如何使用hash摘要？）八股相关：1. 宏任务 / 微任务 / 执行顺序（考了一道判断输出顺序）2. Promise 高级 API3. React Hooks（useEffect与useLayoutEffect区别）4. 数组下标为什么不能作为key5. 手撕 EventEmitter 发布订阅（怪我JS基础太烂...）

27前端岗 呵呵。第一次笔试，给我干破防了选择50分，25题，大概10道ai大模型的，几道代码输出题目，几道操作系统，几道网络，几道场景题大模型没看多少，很多蒙的编程50分第一题：输入 第一行输入组数 第二行输入每一组元素数量和清洗轮数 第三行输入元素，每次清除最小的 最后返回整个序列第二题：二维坐标系，构建n✖️n数组，i为圆心，ij半径，求旋转扫过的元素数量第一道算a出来了，可能第一次写acm模式吧 孤陋寡闻，输入输出看半天第二道写不出来，我猜应该要数学计算什么吧 无奈我真没想到怎么旋转，0通过率哎 真菜啊 最近也一直没约面，本来看到团子给机会笔试想好好争取一下，没想到这么难，有点沮丧不知道卡不卡笔试，如果卡，那应该没了咯还有个什么ai面试，先放着吧 休息一下吃点好吃的

这个一个月前面的，写一下吧自我介绍项目/实习经历AI智能体问了好多，怎么实现读取当前页面信息（打包发送，怎么渲染ai返回的markdown格式，用的http，sse还是websocket然后token储存在哪里（面试官真是好人js异步git，怎么提交，怎么合并，revert别的忘了代码 event loop二面hr问意愿家长里短后续oc

1.自我介绍2.讲一个你项目中的亮点，我们深度聊3.你使用命令模式，你为什么要使用命令模式，每个命令的数据类型是什么样的4.结合增量快照，你是如何判断一个操作用命令模式还是用增量快照的5.每个操作的记录是以什么样的形式储存的6.你的项目架构是什么样的7.你的项目有登录功能吗？如何去实现一个登录功能8.token是从哪里来的，它是什么样的数据，它是怎样存储对应的9.你的组件内部是怎么写的，我想要一个变颜色的组件操作，你怎么去实现10.手写 合并乱序数组11.反问无八股，对项目疯狂拷打甚至详细到组件内部的代码怎么写，跪了。