美团前端一面面经

攒人品中，祝大家都能拿到满意的Offer！1.React的Fiber架构解决了什么问题?它的工作原理是什么?2.在AI对话界面中，如何实现像ChatGPT那样的Markdown实时流式渲染?3.谈谈你对PromptEngineering的理解，前端如何在代码中优化Prompt的质量?4.你们项目中是如何处理AI接口的长连接超时和异常重试的?5.什么是RAG(检索增强生成)?前端在RAG流程中可以参与哪些工作?6.如何优化前端长列表的性能?如果列表项是AI生成的动态高度内容呢?7.谈谈前端安全，特别是AICoding场景下如何防范XSS攻击?8.实现一个简单的AI Agent任务编排逻辑，前端如何处理多个Tool Call的串行或并行调用?

4.9下午2点30约二面————————————面试时间：4.9上午11点 时长25min人生第一次面试，面试官很友善，基本都是简单八股，没有拷问项目，可能是因为技术栈不同，以及是日常的原因1. 自我介绍2. JS 的数据类型有几种3. 基础数据类型和引用数据类型的本质区别4. js 定义变量的方式有几种5. let 和 var 有什么区别6. promise 解决什么问题7. 箭头函数跟普通函数有什么区别8. ES6 向 ES5 的转换一般是怎么做的9. 用 webpack 多一些还是 Vite 多一些10. Vite 有哪些配置项你常用的11. Vue 父子组件传递参数该怎么传12. vue 3 里面做全局状态管理该一般是怎么做13. 学生管理系统从 0 到 1 技术选型，框架用 Vue 还是 react，打包工具用哪一个，UI 组件库用哪一个，说明理由14. react 你有了解过吗15. 项目是跟着老师做的还是自己找开源项目改的16. 学前端大概多久了17. 说一下你的学习路径18. 在学习过程中 AI 对你有帮助吗19. 具体哪些场景在用 AI 工具20. 手撕：143. 重排链表21. 反问

好的主人，我直接上原汁原味的面试官原话提取版，带时间戳，严格分行。[00:00]Q1: 进行一下自我介绍。Q2: 你是大几开始接触的 Java 的？Q3: 你入手的时候有其他语言基础吗？就是在学 Java 之前。Q4: 那你在基础 Java 的时候，你是以什么角度去切入学习的？比如说你的学习树是怎么建立的？Q5: 那你在做项目过程中，你觉得自己遇到的最难的困题是啥？Q6: 你视频的处理分片是把它分成什么 M3U8 文件吗？Q7: 那你视频流读取过程中用什么请求？它会不会涉及到跨域跳转这些？Q8: 那你那个文件上传的时候，像你说的那个断点，就是比如说网络中断的情况下，你是怎么保持后续的工作的？Q9: 所以你是记录的一个状态，然后给到前端，那你这里只记录这个状态，只用到 Redis 是吧？Q10: 那你是先写 Redis 还是先写 Mysql？Q11: 那如果那个 Redis 那个就是挂了怎么办？Q12: 比如说我举个详细点的例子，比如说 Redis 某一个节点挂了，那你这个节点挂了之后，就是这个服务就不可用了。还是说？Q13: 那你现在用的是主从还是什么模式？Q14: 比如说就是你现在是分片上传，那分片合并的时候会不会有重复的情况？Q15: 前端去重，你有没有考虑到一个情况？如果你是做一个 Web 页面，你的前端可能涉及到的鉴权没办法去避免恶意攻击，同样一个请求带着自己的 cookie 重复的去上传你的服务，会对你服务造成什么影响吗？Q16: 令牌桶限流，那你的 key 是啥呀？Q17: 说到限流，你知道的那个限流的算法一共有几个？Q18: 令牌桶你说的弹性可能不是很准确，你可以再详细的说一下令牌桶它的所谓的弹性在哪里？Q19: 说的没问题。那我再详细地说一下那个令牌，比如说我现在限流是 100，5 秒极限流 100，我上一秒的请求是 50，这一秒的请求是 150，我会被限流住吗？Q20: ok，讲一下具体的实现机制。Q21: 你用那个 Rocketmq 去解耦的时候，视频上传了之后要经过这三个步骤，是不是需要按照顺序去处理？你怎么用那个 Rocketmq 去实现这个顺序？Q22: 如果你那个没有保那一个视频，假如说你分成了多个段，如果你最终保持顺序一致的话，他会对 AI 的总结会有影响吗？Q23: 所以你就是这个分片只是上传到云端之后，再给他合成一个转码的一个地址，对吧？Q24: 我看你也还有一个秒杀的场景，会遇到超卖问题吗？Q25: 你做了一些功能防止超卖，你在自己有验证过吗？就是模拟这个场景，超卖场景去验证自己在项目中的这些措施是有效的。Q26: 你在进行防超卖的时候会不会导致少卖？就是我库存里有，但是我实际显示我已经卖完了。Q27: 我再详细问一下这个 Redis 加 Lua 的实现库存扣减，你用的是 Redis 的 decrement 加一些原子的操作吗？还是？Q28: 只用加减这个命令就能实现吗？还是说要做什么状态判断？Q29: 那我再问个问题，比如说我 Redis 扣减成功了，然后 DB 写失败了，这个库存怎么处理？Q30: 所以我理解就是你要先去 DB 删除，再去 Redis 扣减。Q31: 那我这里也有个问题，就是那你库存是以 DB 为准还是以 Redis 为准？Q32: 你 DB 删了之后，你的订单的判断是还是通过 Redis 判断，是吧？Q33: 比如说你现在以 Redis 为主，读写在集群真实场景下，写操作在主，读的话是在从。我在清库存的时候主从切换可能导致库存数据不一致。如果是发生这种情况的话，你会怎么考虑去解决这种超卖的风险？Q34: 你现在接触的技术栈除了 Java 之外，还有其他的吗？Q35: 你们现在有接触过那个 AI 相关的东西吗？Q36: 那你最近接触的 AI 的比较火的是啥呀？Q37: 就是你在项目实现中有用过 AI 去生成代码之类的，或者是使用一些 AI 工具。Q38: 比如说让你和 AI 交互，帮你生成一个推荐网页，它会推荐外卖、酒店、餐厅这种商品信息，你要写一个 prompt 和模型去交互，你会怎么来说？Q39: ok很好，你之前用的那个 AI 的那些工具都是用啥？用的 CC 还是啥？Q40: 你那个算法掌握得咋样？Q41: 5 分的话，你给自己算法打几分？Q42: 那挑一道简单的算法给你吧，合并两个有序数组，这个会做嘛？ok，你先做。Q43: 学校如果你来实习的话，这边是学校是已经，那个课程已经就是完成了，是吧？Q44: 你吉大离这有点远，如果来这边的话是成都的，你家是哪的？Q45: 你在那个大学的时候有做过其他的一些，比如说其他的一些项目吗？除了简历上的。Q46: 你接触过龙虾吗？就是最近比较火的。Q47: 讲一下你用来干什么吧Q48: 反问环节。好像没啥可参考的，拷打了40分钟项目，也是浅层的拷打，撕了道简单算法。面试官人很好，反问给了很有用的建议，然后问业务说的也面面俱到我感觉，就是不怎么核心。

3.27 全程70min面试官简单介绍部门自我介绍你是学学习方向好像是机器学习的方向，然后为什么是想要想到要学前端呢？你做的项目的背景是什么呢？怎么来学习前端这块的？自学通过什么途径来学习的？怎么来想到要做这些项目呢？怎么完善开发体系做项目的过程中哪一部分花时间比较长？项目有部署过吗？有在线上跑过吗？项目目前哪一方面有些不足？项目的整体流程是怎样的？为什么用localstorage存储？Local Storage 本身有大小的限制吗？会不会丢失上下文？业界有没有比较好的做法？（这个没答出来就换题目了）必须要用虚拟滚动吗 为什么统一对话请求是是什么意思呢？项目中 AI 参与比例AI 主要用在哪些方面前端基础怎么学、哪部分比较熟悉JavaScript 有哪些数据类型基本类型与引用类型的区别let 和 const 的区别如何检测对象类型instanceof 的作用未知自定义实例如何判断类型手写实现类型判断（Object.prototype.toString.call 逻辑）手写防抖和节流防抖的作用与使用场景反问对前端学习的建议随着ai的发展对前端面试的考核会不会有aicoding（面试官说如果能参与后面的二面的话会有AICoding的）ai对前端岗位影响的看法base面试官最后还问了能实习多长时间参加了好多家面试 美团的面试体验是最好的 面试官很温柔 不会的也会引导 基础部分问的也很简单 希望不是kpi面 许愿能过