美团业务初试-hr面-业务复试

📍面试公司：淘天💻面试岗位：前端❓面试问题：介绍项目项目怎么前后端联调画三角形，从左到右移动怎么实现transtion transform translate区别script标签中 defer async的区别webpack vitetry catchreact报白屏怎么办try catch 结合promise的输出题反问环节🙌面试感想：前面回答的很差，35min直接进入反问环节，知道已经G了，也不问组里业务了，直接问面试官我应该如何提升自己。结束秒挂。   

一面（2025/05/06）1. 自我介绍2. 社交、新闻数据聚合平台项目相关    1. 导师项目还是个人项目    2. 架构设计，比如技术选型、前后端怎么设计、怎么考虑并发、预期 TPS 等    3. 爬虫的数据怎么与后端联动的，因为后端用的 Node.js（面试官觉得 Python 与 Node.js 无法直接交互，但我们后端的作用只是负责给前端提供数据，爬虫的数据会直接写入数据库然后被分析）3. OJ 项目相关    1. 权限设计    2. token 怎么存的，为什么这么存，存在本地安全吗，如果重新设计该怎么做确保安全（回答的存在服务端，然后客户端使用 id 去拿到服务端的 token，id 存在 cookie 里，似乎有其他更好的办法）    3. 那怎么确保这个 id 安全，加有效期限    4. 还有吗，提示：比如我通过 JS 获取到（设置 HttpOnly，禁止脚本获取 cookie）    5. Vue 里面有个路由守卫，可以控制不同权限的用户访问不同的路由。那 js 可以怎么实现呢，如果用户直接浏览器跳转呢（ 回答的前端手动实现路由守卫，控制用户能看到哪些页面，后端权限校验，不通过返回 403）4. 代码输出，说思路（面试官一直在提示，但我没答上来，this 指向没学得好）```jsfunction Counter() {  this.count = 0;  setInterval(function() {    this.count++;    console.log(this.count);  }, 1000);}const a = new Counter()```5. 代码输出，说思路```jsconsole.log(1)setTimeout(function() {   console.log(2)}, 0)const p = new Promise((resolve, reject) => {   console.log(3)   resolve(1000) // 标记为成功   console.log(4)});p.then(data => {  console.log(data)})console.log(5)```6. flex，怎么垂直居中，flex-grow 是什么7. 用 css 实现一个三角形8. 实现一个 Vue 的 keep alive，面试官一直在提示我(ಥ_ಥ)```jsclass KeepAlive {  constructor(maxNum = 5) {  this.cache = new Map();  this.maxNum = maxNum;}  addVNode(key, vNode) {    if (this.cache.has(key)) {      this.cache.delete(key);    } else if (this.cache.size >= this.maxNum) {      const oldKey = this.cache.keys().next().value;      this.cache.delete(oldKey);    }    this.cache.set(key, vNode);  }  getVNode(ley) {    return this.cache.get(key);  }}```9. module 、chunk 和 bundle 的区别10. 实现方法把数组的非零元素放在前面，零元素放在后面，O(1) 空间复杂度```jsfunction moveZero2End(arr) {  let p = 0;  for (let i = 0; i < arr.length; ++i) {    if (arr[i] !== 0) {      arr[p++] = arr[i];    }  }  while (p < arr.length) {    arr[p++] = 0;  }  return arr;}```11. 有没有在用 AI 工具，怎么用的，被夸了，说我接触的很深12. 反问：对我面试的不满之处和建议（被夸了哈哈，说我思路清晰，回答或者做题之前会说思路，建议就是多补齐前端知识的宽度和广度）面试官很会引导你，还会解释自己的问题，面试体验非常的棒。秒约二面～二面（2025/05/08）1. 自我介绍2. 讲一下 HTTP 不同版本的区别（这里一开始说的有些乱了，面试官让我重新总结一遍）3. Vue 2/3 的区别4. Vue 实现倒计时组件5. m 元钱随机分给 n 个人，最大可分到 m/2，最小可分到 0.16. OJ 项目    1. 几个人开发，开发周期    2. 为什么要重构    3. 说一个有挑战的事或难点（这里讲的智能训练流程图的组件封装，但面试官似乎不太满意？让我再说说，我就说了信息聚合可视化项目的难点，说了两个：插件开发 / 爬虫中高价值用户获取整体流程与迭代思路）7. 用过 AI 吗，应用方面的呢8. 对 AI 的基础知识或原理了解多少9. DeepSeek 听说过吗，聊一聊实际使用情况10. 用过 AI 编辑器吗，如 Cursor、Windsurf，使用体验怎么样11.  反问    1. 面试反馈：整体还可以，但是需要打好基础并扩展技术栈如 React，沟通的时候要先理清楚逻辑，AI 浪潮下要对 AI 相关的内容保持关注    2. 多久出结果：一周内    3. 工作时间：实习生宽松一些，早十晚八（意思是正式员工会更晚吗）自我介绍完面试官沉默了一段时间，回答完基础知识又沉默了一段时间，我以为我要寄了！然后算法相关，真的很幸运，面试前十分钟看了牛客上的面经，结果真的问到了！

蹲个女生舍友，杭州西溪。--------------以下是正文--------------先说一下我个人情况，北邮通信工程，我在本科的时候做过几个微信小程序，忘光了。在今年2月份开始极速学习前端基础。代码算法方面，研一和大四的时候跟着代码随想录刷过一次。轻微流水账，这是一个记录贴。初衷希望能给0实习转码的同学一些鼓励，相信一定能找到愿意培养自己的公司。第一次找工作没什么经验，秋招会及时复盘面经发出来，这次就先不弄了。我从1月份就开始调研咋学习前端，开始慢悠悠学习html和css知识，到二月份开学了才开始对暑期实习感到十分的担忧，开始拼命学js。之前就接触过相关内容所以学的很快，半个月左右就学完了。然后就开始一边学习react一边做项目。4月初开始陆续投递，等了一周就开始有面试了。第一个面的美团，上来就是一个hard代码题，hot100还没刷完的我感到十分挫败。五月中旬之前，我一直处于反复一面的状态。基本上一天三面。晚上还得做笔试。崩溃边缘，但是还得鼓励（欺骗）自己下周必拿offer。或许是乐观的心态，让我在16号以后开始收到一些公司的二面了。包括美团，阿里（智能信息），腾讯，字节。我非常高兴，说明我五一不出去玩，恶补八股和手撕是真的有用。运气好了之后就开始一直破天荒的好。我阿里的淘天和阿里云也进二面了。我记得自己虽然表现的还行，但是整体并不突出。5月20/21号，这两天是小情侣过节的日子。我记得我20号面了美团，阿里智能信息二面，21号面了腾讯，字节，淘天二面，晚上还做了一个笔试。累的半死的同时，实验室导师还在催我的科研进度，我回复：好的。没想到，阿里智能信息居然问了我通信原理，本科学科等很多很泛的问题。我以为要凉了，结果没过一个小时，hr联系我：你好，你的二面已经通过，需要您再做一个线上笔试。我欣喜若狂，不敢相信二面居然问这些都能过。笔试做完了之后，也是立马有hr联系我，约hr面。5月22号，hr面。当场发offer，我整个人都懵了。心里怀疑对方是不是诈骗公司，然后又反复确认。缓了半天，才发现自己居然能去阿里了。简直是做梦都不敢想。我记得我前几天面试压力太大，还梦到过实验室组会汇报自己的offer进度，大家都去阿里。而我连甚至一个offer都没有可以汇报。当场吓醒。最后必须说，阿里真的太好了，愿意相信实习生的潜力，真的给了很多0实习的同学实习机会。我永远是阿里孝女！！！！！---------------分割线-----------记录一下自己转码以来遇到的一些贵人。1.字节的一面面试官，在我最崩溃的时候给了我鼓励和肯定。当时给我面了一个半小时。最后我问他对建议的时候，他说，“你是候选人里面算是比较优秀的了，但是我们这个业务要求很高，我担心把你招进来影响你的成长。”并且还给我推荐学习资料，红宝书。还和我说，“如果你想要继续做前端的话，我可以告诉你，前端依然是十分有前途的方向，希望你可以继续努力。”他的话真的十分中肯。当时我甚至感动哭了，我非常清楚自己不是因为被拒绝哭了（毕竟其实已经麻了）2.腾讯的一位面试官。给了我很多叮咛，告诉我准备好在面试等等。让我感觉十分有力量，我当时觉得我身边那么多帮助我的好人，我怎么可能不成功呢。3.北邮的一位学长，他在一开始给了我职业选择方面的建议，让我坚定了自己的道路。4.我遇到的每一个面试官都出奇的好，没有因为我很菜就表现不耐烦，十分感恩他们的手下留情。5.感谢有对象的陪伴，让我有好好吃饭的动力，并且也一直督促我学习，还帮我把一些高频的手撕和高频的计算机相关的八股梳理出来。有的时候真的想放弃，但是他一直在我旁边和我说，一定要坚持，不能放弃。

Vue3数据双向绑定原理Vue2 object.defineproperty和proxy区别Proxy的兼容性问题怎么解决（一些新方法的兼容性问题怎么解决？）Axios二次封装http状态码写组件库的初衷支持ESM和UMD是怎么实现的？Webpack打包出来的文件是啥Http和https的区别输入url会发生啥进程和线程 区别和各自特点Promise三种状态Promise为了解决啥问题Promise.resolve.then和setTimeout的区别写了个顺序输出题数组方法用过哪些AI大模型之间的区别（如deepseek v3和r1之间的区别）大模型了解（不是大模型应用）使用体验上copilot和cursor的区别写俩题一个时间复杂度为O(logn)的排序一个手撕Promise.allsettled又问promise.allsettled的实际应用场景