美团优选前端3+1面经，已接offer

15min实习/项目+30min八股+45min手撕（简历写了很多性能优化+Ai）实习/项目：1.实习做了什么，技术栈是什么  React2.React的hook,Vue中也有相应的实现，具体举例    useState/ref 3.实现了哪些性能优化    CDN服务4.RBAC权限管理怎么实现的    数据权限+功能权限5.项目中用到的打包部署    Webpack6.后端开发工具调用如何实现    7.你在项目中遇到过的难点以及你是怎么解决的八股：1.路由懒加载的实现方式    import()语法实现代码分割2.输入url到浏览器到后端给出响应的过程 DNS  TCP HTTP 3.HTTPS对于HTTP做了哪些改进  4.对称加密和非对称加密     AES 公钥和私钥配对5.CDN服务器原理    CDN节点从源站拉取内容并缓存，用户从最近的服务器获取数据6.CDN回源过程是怎样的    7.你知道哪些性能优化效果评估指标    8.骨架屏如何实现优化的    在页面加载时显示的占位图形界面9.虚拟滚动优化列表渲染如何进行优化的    只渲染当前窗口可见的列表项，而不是一次性渲染整个列表  节流10.浏览器本地存储方式    Cookie  LocalStorage SessionStorage11.浏览器缓存机制    强缓存  协商缓存12.Webpack打包原理    解析入口文件，​​构建依赖图，​​Loader 处理​​，插件干预​，输出 chunk 文件13.操作系统中虚拟地址是什么，虚拟地址的优点    由CPU生成的逻辑地址，将虚拟地址转换为物理地址，更大的地址空间14.说一下JavaScript的事件循环机制  宏任务 微任务 Promise15.promise怎么解决地狱回掉的    then 方法链式调用手撕：寄了Promise (实现了部分，让我讲一下内部的逻辑)深拷贝（测试用例有target.target = target 导致循环调用，要用weakMap来实现）反问：1.具体业务：商家支付2.哪些需要改进的点：不够深，https，性能优化指标没答上来，手撕没手撕出来3.AI方向：AI催债，信贷评估等等4.出结果：2-3天

总结下来，其实自己这次暑期虽然投递了很多，但约面较少，进了美团也许是运气因素。        美团：第一次二面挂，二面基本没问前端，全是计算机的内容（科班应该没问题），大致内容如下：                 面试官：学过操作系统和数据结构吗？         我：不是计算机专业，了解的很浅。         面试官：没关系，没学过，在我的引导下应该也能答出来，说说操作系统怎么进行内存管理的？         我：（把看过的一点八股都说了）虚拟内存，分段分表这些浅层概念。         面试官：具体是怎么划分的？用哪一种数据结构划分？这个管理的过程是什么样的？         我：答了一点点后，就说不会了。         面试官：好吧，那么现在假设有一段内存，你准备用什么方法分配？         我：按照指定的大小，将起始地址设置为key,内存大小或者其它必要信息设置为value,使用一个map结构来实现。         后面有点忘了，就提出一些问题，比如有的需要内存小，有的需要内存大，这个就存在分配问题。         虽然面试官后面也在引导，但确实没啥概念，最后感觉也没答出来。         面试官：说说TCP和UDP的区别吧？         我：八股说了。         面试官：既然你说到了拥塞避免和流量控制，详细讲讲过程。         我：答了每次应答会回传一个值控制滑动窗口大小以及慢启动，拥塞避免，快重传这些八股。         面试官：对回传这块深入询问。         我：浮于表层的我，又答不出来了。         面试官：尝试引导，以堵车为例子，什么交警如何知道堵车以及后续怎么控制拥堵程度。         我：尝试作答，但感觉没答到面试官想要的点子上。                   面试官：你为什么要做这个项目？价值在哪里？（大致这个意思）         我：额，这两个是学习项目，没有上线，学习前端开发的流程。         面试官：好的，说说项目的亮点吧。         我：说了虚拟列表的几种实现方法，轮播图以及电梯导航原生实现的三种方法。（可能这里提了自己在网上找了多种                 实现方式，面试官觉得没有自己的思考？）         面试官：这几种实现方式也是网上常规的，也就是都是网上寻找的现成方案吗？         我：额，确实主要是以网上的方案为主体进行更改的。         面试官：你还觉得你项目有什么难点吗？         我：这时候已经有点晕头了， 说这几个点确实都是网上找到方案做的，还说这些也不难         面试官：好的，进入下一个阶段。         面试官：现在可以做一个智力题吗？         我说，可以换一个算法题吗？（开始介绍时，说了这个阶段是算法或者智力题，完全没做过那啥杯子倒水的智力题，就说换成算法吧）          面试官：好的，但我这个可不是leetcode上的那种算法题          题目大致如下：相亲市场上有很多男女，让你设计一个算法，每轮随机进行配对，然后不允许配对已经配对过的，          每轮打印结果。                     因为时间不够，就说了下思路，把男女进行标号，用一个列表存储已经排列的男女，例如[男1-女1，男1-女2]          后面问优化方案以及时间复杂度。          答完后面试官说没有答到每轮随机的设计方式。（可能当时听题目没太注意）          问你用过AI辅助开发吗？怎么用？用的chat还是Agent模式？           反问。（工作日后被捞）            第二轮美团一面：（主要还是AI）           1.先问了下项目中某个功能的具体实现？问的蛮细，问的蛮久，比如这个组件传哪些参数，怎么动态生成。           2.useCallback useMemo Memo           3.跨域           4.用的什么AI工具开发前端？ 为什么用cursor?           5.提到了agent模式，怎么用mcp工具查看选中DOM，怎么用AI检查内存泄漏，AI辅助开发的技巧有什么？           6.要求打字结合说明，就说我用AI尝试开发一个苹果时钟APP，过程有哪些关键。比如明确AI的身份，要一步步的来               把你需要的组件的大致结构传给AI，入参哪些，什么样的逻辑。（这部分就是主观的，完全看你平时怎么用AI辅            助来答就行）           7.后面基本都是AI的一些浅层知识，哪几种大模型，区别，适用于哪些场景这些。           美团二面：（全是AI）           也是问AI辅助开发有哪些诀窍，你会怎么使用，然后遇到一些问题怎么解决？                      中途提了一嘴动态表单，然后面试官就给了一个需求让现场打开共享用AI辅助开发一个动态表单。（这个基本占据大量面试时间，最后没写出来。（cursor其实真没用多少，尤其是准备面试这段时间）            把你每次的提示词复制发送给面试官。                        就问你怎么了解AI大模型发展？ 用过哪些？ 怎么用？ 以及大模型在哪些地方有缺陷？以及刚才你用AI辅助开发哪里存在问题？            反问。（流程没变超多天，最后OC，感觉是前面的人鸽了很多？）                        就以我以及身边的人而言，感觉确实前端开发对于大模型的应用很关注。            以我舍友为例，面的某杭州大厂，一面1小时，简单问了点八股和项目后，看到他的研究方向跟大模型有关，就畅谈了半小时的研究方向和大模型； 二面1小时，应该全部是聊大模型；最后通过，说是部门最近想搞一个跟大模型结合的内容，想招点懂些这个的人进来可以搞点有意思的东西。（同学做的是这方面研究，但论文尚未投出，所以我觉得如果是冲算法岗位但确实大厂神仙打架进不去，可以尝试开发学点，当下大模型风口也许不问你开发很深的东西就让你通过了，后续进去也是做和大模型相关的东西，也许算是算法爷的曲线救国？）

鼠鼠的春招告一段落了，整理一下面经回馈牛子们timeline：2.26投递3.19约面，部门成都crm3.24一面3.26二面六个工作日后收到感谢信4.7约面，部门深圳clc4.8一面4.10二面4.14三面4.15oc3.24一面1. 自我介绍2. vue中父子组件渲染/卸载/更新流程3. 闭包的应用4. 实现add(1)(2)(3)5. 路由的 hash 模式、history 模式6. 事件循环7. 事件循环输出8. vdom的理解9. vdom一定能提高性能吗10. aicoding的理解11. 实习相关12. 手写：实现call，要求在node和浏览器内通用13. call和apply哪个性能更好14. 反问3.26二面1. 自我介绍2. 主要是实习+聊天3. 手写flat函数4. 用ts重构，给函数补充类型，主要考察泛型5. 反问六天后挂4.8一面1. 无八股，纯实习2. rn的兼容性处理3. 介绍一些rn的最佳实践4. 手写：retry函数，要求传入promise，times。timeout，请求立刻发出，失败时进行不超过times次的重试，请求时间超过timeout，直接reject。主要考察promsie和race4.10二面1. 实习相关2. 开放性问题3. 平时喜不喜欢做技术分享4. 平时有没有写文档的习惯5. 在学校成绩排名6. 怎么学的前端7. 手写：传入一个数组['abc','abcd','abe'........]，求出数组内所有字符串的最长子序列4.14三面1. 自我介绍2. 实习相关3. ai结合低代码怎么落地4. 低代码平台的原理   1. hoc   2. 低代码产物   3. 低代码产物怎么生成页面   4. 微前端在低代码页面的体现5. 微前端两种沙箱的实习原理6. https的加密机制   1. 对称加密   2. 非对称加密   3. https的加密时机7. rn爱马仕引擎   1. 说说你对爱马仕引擎的理解   2. 爱马仕引擎的优缺点8. webpack和vite   1. 介绍两者差别   2. vite优点   3. 为什么vite启动更快，热更新更快9. 你觉得当前低代码平台在使用上有什么问题10. react导航在移动端和pc的差异，怎么抹平，实践中遇到过因为差异引起的问题吗11. 手写：两两翻转，k个一组翻转12. 反问

经历过字节和pdd二面的拷打，感觉美团面的是真舒服啊，特来发个面经，攒攒人品求oc一面（4.15 47min）聊项目和实习经历Http1.0和Http2.0Webpack的构建流程Webpack的loader和plugin有什么了解自己写过plugin吗跨域的解决方法Webpack的反向代理在浏览器中输入url发生了什么浏览器的缓存机制进程和线程的区别Promise的APIPromise解决了什么问题什么是异步请求任务原型和原型链设计模式手撕一：获取url地址中的给定参数的值，不使用正则表达式手撕二：写一个数组拉平方法flatten二面（4.21 38min）就聊了一下项目和实习经历，主要问了一下项目中的难点，然后抠点细节一道八股也没问，最后手撕一题对象数组保留id相同的权重较大对象（保证原顺序）做的还行，也很快A出来了目前还没有消息，但是一面完几分钟就立刻打电话约二面了，二面整体情况也不差许愿oc，我想当团孝子，真不想再面了，真的被字节伤自尊了更新----------------------------4.30晚 二面面试官打电话说offer在流程了，节后发，我也是团孝子咧