一面（2025/05/07）1. 自我介绍（被打断了，说我后面的经历没写到简历上）2. OJ 项目    1. 有没有上线，有没有收到反馈    2. 举出几个收到的反馈并进行解决的例子（问的很细）    3. 说一个重构开发过程中做的一个比较好的事情，我说的智能训练流程图组件的复用（问的很细，组件里面有哪些属性，后端怎么编辑节点的位置，怎么用到后端的数据的比如说 hover 上去能看到汇总信息等，问的太细了...说的我好累）3. 说一到两个项目里做的能体现你优点的事（提到的 k 线图展示新闻泡泡的插件开发，说一半被打断了...问是在原有插件上进行修改吗，原有插件不支持点击控制吗，然后问泡泡怎么避免重叠等情况，从后端返回部分重要数据、同 x 轴数据堆叠、随时间范围进行大小变化三个点回答了）4. 算法：let arr = [[{a: 1, b: 2},{a: 1, b: 3}],[{a: 2, b: 1},{a: 3, b: 2}]] ，请获取去重后的a的值组成的string5. 说出行级元素，哪些属性对他们没有用，margin-top / margin-left 呢6. 有哪些脱离文档流的方法7. 文本溢出8. Vue 学了多久，说说单项数据流9. 反问：部门做的是不是面向企业内部的数据应用方面的项目方面面试官问的很细，有些具体的逻辑也会问我然后搞清楚，有一些问题我不太理解她想问什么，所以会沉默一段时间，被她怀疑使用 AI 辅助。二面（2025/05/09）1. 自我介绍2. 经过一面，你对部门有一些了解吗3. 本科学的比较好的课程4. 为什么学前端5. 平时怎么学习的6. 用三个词形容下自己，为什么，举一些例子    1. 举一个印象深刻的“助人为乐”的例子    2. 你觉得跟别人沟通会有帮助吗7. 最近在学什么8. 做需求时遇到的问题以及怎么解决的9. 用 B 站多吗，移动端还是 Web 端，你觉得从前端来看有哪些可以改进的地方10. 反问：问面试官的表现以及建议，面试官回答的他选人的标准，他认为技术都是可以通过时间来学习的，所以更偏向于考察软实力，是否拥有具备成为前端工程师的潜质整体面试过程很轻松，面试官有说有笑的。这个是平台工具 leader，一面是前端 leader 也是他下属，所以没有问前端相关问题。

一面（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. 工作时间：实习生宽松一些，早十晚八（意思是正式员工会更晚吗）自我介绍完面试官沉默了一段时间，回答完基础知识又沉默了一段时间，我以为我要寄了！然后算法相关，真的很幸运，面试前十分钟看了牛客上的面经，结果真的问到了！

一面（2025/04/22）1. 本科学的大数据，为什么选前端2. OJ 项目 24 年 6 月结束，那这中间做了什么。回答搞横向+小论文，然后最近搞泡泡图项目，问横向是跟什么有关3. 做项目之前怎么学习的4. 301 302 304 分别是什么5. css 选择器6. Vue3     1. 生命周期（这里竟然忘了具体的名字了！说着说着给自己绕晕了，然后答的 create 有两个、mount 有两个、update 有两个、unmount 有两个。。。）    2. onMounted 主要做什么    3. onUnmounted 呢    4. Diff 算法7. 项目中有没有用过防抖节流等函数，说到了 OJ 里防抖的使用    1. 那防抖怎么实现的，答得 setTimeout    2. 那 setTimeout 会产生什么影响，不知道    3. 那问你另外一个问题，JS 事件循环    4. 结合事件循环，再考虑第二个问题呢    5. 提示了时间可能并不准确（可以看看别人的实现是怎么避免这个影响的）8. 了解打包工具 Webpack 和 Vite 吗，优缺点呢9. 重构 OJ 时有遵循一些什么原则或者规范，母鸡，猜了模块化和单一职责原则（不是说的名字，而是说的方法跟这两个原则比较类似）10. Git    1. 会用 Git 吗，流程是怎么样的    2. 如何撤销提交（面试官夸我说面了这么多校招生是唯一一个知道这个的）    3. PR 之后如何撤销提交，这个不会，面试官也说这题超纲了11. 有用过 Cursor、Windsurf 吗，我回答的 Trae，    1. 使用体验，与大模型有什么不一样的    2. 有没有提前做一些配置比如告诉模型我这个项目是做什么的（我直接拿来就用了，没有这个过程）12. 写一个 Prompt，题目是实现一个搜索框13. 手撕：最长递增子序列14. 反问：技术栈、工作时间面试官长得好看，人还特别好，对我特别有耐心，面试过程中更像是聊天，会总结你说的话，也会给你提示和建议。最后手撕题遇到了一个之前秒做的题目，以为两分钟写完，结果 debug 了十分钟，不过面试官很耐心地一直等我写完，最后终于是写出来了。(ಥ_ಥ)

一面（2025/04/21）1. 自我介绍2. 闭包，项目里哪里有用到闭包3. flex    1. 常用哪些属性    2. 对齐方式4. css 选择器5. Promise    1. 是什么以及原理    2. 有哪些方法6. 对 Vite 的理解7. Tree-Shaking 原理8. OJ 项目    1. 难点    2. 有没有做过安全相关    3. 做了哪些性能优化9. 泡泡图项目    1. 个人创业项目还是和别人一起    2. 给定需求怎么设计方案10. 手撕：二叉树最大深度、防抖、第 K 大元素11. 反问：业务以及技术栈面试官感觉好敷衍，而且字节竟然问的这么简单很令我震惊，这不是我认识的字节。本来还想问一嘴对前端 / 后端开发的校招同学转行做客户端是否推荐或者看法，但是似乎并不是做客户端的，做的还是跟前端相关的业务，就没问了。

一面（2025/04/07）1. 自我介绍2. 京东物流实习    1. 数据治理怎么做的，怎么保证清洗后的数据的质量    2. 最大的收获    3. 遇到的难点3. 学前端的目的（我回答的一方面是兴趣，一方面是与爬虫技能相辅相成）4. 比较擅长的点，是数据分析吗（根据实习推测的，但我说是数据采集和可视化）5. 平时有写过爬虫吗6. OJ 项目    1. 参与人数    2. 重构目的    3. 遇到的难点    4. 测试没法保证用例完整，怎么处理的（说了个 E2E）7. 泡泡图项目    1. 是个人项目还是？    2. 项目背景，为啥做这个，有没有上线8. 说一个前端哪一个方面你花了很长时间钻研，如何去学习的9. 闭包，使用场景10. 原子化的理解11. Vue    1. 通信方式    2. Vuex 原理，为什么 actions 和 mutations 分开，如果是你的话为什么这么设计12. AI    1. 如何去学习 AI 相关知识的，比如说一个新技术刚诞生你是怎么接触并掌握的    2. 有没有将 AI 应用到开发过程中，提效了多少百分比    3. prompt 设计，有没有使用相关工具（说了个描述简单需求但是让 AI 完善 prompt）13. 反问：业务相关，技术栈面试体验很棒，面试官很会挖掘你的亮点和擅长的地方，从京东实习到 OJ 项目到创业的泡泡图项目，聊了很多。面完就感觉稳了。二面（2025/04/10）1. 小程序相关    1. 如何上手项目，怎么学的    2. 小程序的架构了解吗，架构优劣，与 Vue 的区别    3. 遇到的难点，怎么解决的2. 说一说架构设计3. 说一说工程化4. 还了解哪些打包工具，细节，区别5. Vue     1. 响应式原理，实现细节，做了哪些优化    2. diff 算法6. 说一说性能优化7. OJ 项目    1. 如何重构，人员组成    2. 你负责的部分    3. 技术难点    4. 做了哪些架构上的优化8. 有用过 cursor 一类的 IDE 吗，让我看看你的聊天记录（啊，∑(O_O；)）9. 与大模型对话，实现一个类似于小红书瀑布流的页面，他看你的聊天过程10. 用大模型实现一个图片的样式，如果要加一个功能怎么做11. 反问：为啥都爱问大模型，几天出结果面试没啥反馈，而且问的好难，第二天进人才库(┬＿┬)

一面（2025/03/26）1. 自我介绍2. 小程序项目相关    1. 为什么没写到简历上去    2. 小程序开发流程，没有涉及到后端吗3. 你觉得你的 JS 水平怎么样，手撕```txt// 问:列表转换为树状结构,可假设父节点总是先出现，且只有1个根节点(即parentld: 0).tree([  { id: 11, parentld: 0 },  { id: 44, parentld: 11 },  { id: 22, parentld: 11 },  { id: 33, parentld: 22 },  { id: 55, parentld: 11 },]// 期望返回id: 11,parentld: 0,children: [  { id: 22, parentld: 11, children: [    { id: 33, parentld: 22, children: [] },    ]  },  { id: 44, parentld: 11, children: [] },  { id: 55, parentld: 11, children: []},]```4. 浏览器输入 URL 发生了什么，尽可能详细5. 说一说回流和重绘，如何在这方面优化6. TLS 如何确保安全的7. 浏览器存储数据的方式8. 浏览器垃圾回收9. 用过哪些打包工具，Wepack 和 Vite 的区别10. Ajax 了解吗（不了解(ಥ_ಥ)）11. 对模块化的理解，有哪些规范12. window.history 是做啥的13. 状态码14. OJ 重构项目    1. 你负责哪部分    2. C 端项目重构过程如何确保系统稳定，如何做好系统保障，如防止用户流失    3. 有遇到那些难点15. 了解大模型吗，常用哪些大模型，有用过编译型 AI 吗（cursor、trae）16. 反问：业务是做什么的？做短视频相关，框架用的 React Native面试官长得好帅，看起来还很仁慈善良，可恶，不去也罢（肯定不是嫉妒他，肯定不是）

一面（2025/03/19）1. 自我介绍2. 英语水平，什么时候考的3. 怎么学习的4. 之前面过美团，你觉得怎么样5. 原型链6. 事件总线    1. 是什么，怎么实现    2. 手撕    3. 如果是通过 id 来取消监听怎么实现（磕磕盼盼）    4. 在项目中的最佳实践（最开始说的父组件创建实例传给子组件，后面说传回调，但有更好的，没答上来，然后就下一题了）    5. 问了一嘴 Vue3 组件通信7. 数组第 K 个最大值，时间复杂度和空间复杂度（一开始是 K 个一组反转链表，面试官说这个有点难了换了一个）8. 项目中有没有遇到跨域的问题9. 最近的大模型了解吗，有没有在实际项目中解决过问题10. 反问：看中暑期实习生的什么？不看中项目经验，但看中应变能力、思维敏捷程度和沟通能力。面试官会很耐心的提示你，直到你写出来。菜的是我(ಥ_ಥ)

一面（2025/03/14）1. 自我介绍2. 本科学的跟计算机相关的课程3. kmp4. 面向对象编程与函数式编程5. 数据库相关的课程，ACID 是什么6. 纯函数 7. 数组与链表8. cookie 和 session9. 同步与异步10. 轮询11. 软件设计流程12. 项目的难点13. 对 AI 最新研究进展的了解14. UI 设计，愿意学习吗15. 你在哪个领域钻研的很久16. 音乐乐理知识，愿意学习吗17. 你认为的岗位的开发流程18. 能实习多久，可以实习 6 个月吗19. 如果有后续面可以了解一下 AI 音乐工程这方面的流程、前沿，最好是有自己的思考，这是一个加分项20. 反问：日常能否转正，前端在这个岗位的角色是什么面试体验巨好，面试开始会提前说好会往哪些方面问，会根据你的自我介绍和简历来问问题。问问题之前会说为什么会问，回答之后会做一个总结或者指出你没答得好的部分。面试之前要稍微了解下岗位所需条件！

一面（2025/03/07）1. 看你之前做京东物流数据分析的，为什么做前端了2. 你觉得 AI 与前端的未来3. 你研究生学了什么课4. Promise.all    1. 是什么    2. 入参顺序与出参顺序为什么相同 5. Vue    1. Vue2 与 Vue3 的区别    2. 不同版本所使用的状态管理库的区别    3. 为什么不学 React（他觉得 Vue 很简单）6. Node 会吗，不会7. 循环    1. 有哪些循环，区别是什么    2. 哪些可以 break，为什么可以，为什么不可以8. 什么时候能来，能实习多久就面了 17 分钟，感觉瞧不起我不会 React 和 Nodejs。京东面试体验都好差，不投了。

一面（2025/02/13）1. 自我介绍2. 你如何学习前端的3. 为什么没有继续深入大数据相关行业4. 项目介绍    1. 项目功能    2. 如何处理学生考试时提交结果的高并发的问题    3. 为何选择 Pinia 而不是更加主流的 Vuex，出于什么考虑    4. 项目打包过程，产物是什么样的，浏览器能运行什么文件，能运行 ts 文件吗，为什么只有一个 index.html 却能显示不同页面，Vue 中的 template 代码是如何在浏览器中被看到的（这里一开始没有回答上来，所以在引导我）（单页应用 SPA）5. 工程化    1. Vite 打包过程    2. Webpack 与 Vite 的区别    3. Webpack 中的 loader 是做什么的    4. es6 转 es5 是怎么实现的，听说过 Babel 吗    5. npm、pnpm、yarn 的区别，lock 文件是做什么的6. Vue    1. 组合式 API 与选项式 API    2. Vue3 与 Vue2 的区别    3. 组件通信方式7. CSS    1. 有哪些布局，讲一讲 Flex 布局，常用属性    2. 定位方式    3. 选择器优先级，important 的优先级是多少8. JS    1. 实现异步的方式（回调、Promise、async/await）    2. Promise 的 API，Promise 的参数是什么    3. 事件循环，JS 引擎为什么是单线程    4. 浏览器缓存（强缓存、协商缓存）9. Git    1. 常用命令    2. rebase 与 merge 的区别10. Linux 常用命令11. 数据结构与算法    1. 数组和链表    2. 有哪些排序算法，冒泡排序与快速排序的时间复杂度    3. 图的表示方式    4. DFS 和 BFS，层序遍历属于哪个12. 反问：什么是大前端如何学习前端的回答没有让面试官满意；项目细节不太了解，没有去尝试理解更深层次的部分；对前端打包细节了解不多；基础知识仍然需要再完善提高。美团的面试官让我对面试有了新的认知，跟京东的面试体验差距好大。二面（2025/02/20）1. 面试官自我介绍，自我介绍2. 能实习多久，什么时候能来3. 你熟悉的技术栈4. 盒模型5. 居中方式6. 事件循环7. 防抖和节流8. HTTP 状态码9. OSI 七层模型10. UDP 和 TCP，TCP 为什么更可靠11. GET 和 POST，POST 为啥要两次请求12. JS 与 TS 的区别13. TS 类型14. v-model 原理15. computed 和 watch 的区别与使用场景16. nextTick 使用场景和实现17. 事件总线18. 项目相关    1. 介绍 OJ 重构项目、人员规模、开发周期、你负责的内容    2. 为什么要重构    3. 重构时如何保证系统功能稳定性    4. 为什么选择 Pinia 而不是 Vuex    5. 组件库的选择考量    6. 介绍大模型对话组件，背景、出发点、开发周期    7. 流式传输协议怎么实现的    8. 虚拟滚动技术怎么实现的，开始与结束的索引怎么计算的19. 算法：最长递增子序列隔了一周挂了，有些没答上来，有些说的不够广不够深，算法看错题了(ಥ_ಥ)

研一暑假找了实习，面了两次京东都没过（呜呜我的东子，本科有在数据分析岗实习过所以很想去），这时候导师突然接到了科研横向（其实是另一个导师接的，但我被拉去干活了(ಥ_ಥ)），需要经常汇报。所以就有些纠结了，因为此时周围的同学都在实习，有的甚至有多段实习了，我却被横向绊住手脚。但是我换了个思路，不找实习了，好好干这个项目，并通过这个项目扩展到我的小论文，争取一个学期内完成这个项目并且发掉小论文，让后续没有毕业的烦恼，顺便好好享受下学生生活。好在小论文最后写出来了，并且录用了，（IJCNN 我的神！），虽然那个项目没有做完（没后续了），但我认为我当初这个决定是正确的。论文发了，每周组会也有底气了，可以开始找实习了！

一面（2024/09/09）1. 为什么选择前端2. 你有为进入前端这个职业做了些什么3. 有了解哪些前沿的技术4. 防抖节流的思路及应用场景5. CSS 实现两边固定宽度，中间自适应的方法6. 文件上传如何设计，涉及到的技术点7. 职业规划面试官不记得有这场面试了，我等了很久很久，发邮件给 hr，才有的面试，但是秒挂～

虽然时间过去很久了，但我觉得发出来也有用，但是...牛客发帖不支持 Markdown 格式吗---一面（2024/07/01）1. 自我介绍2. 学历、可实习多久、有转正打算吗、多长时间在写前端3. 代码输出题```JavaScript['1', '2', '3'].map(parseInt)['1', '2', '3'].map(num => parseInt(num))```4. 代码：节流，最后一个调用必须实现5. 代码：深拷贝6. 代码：有限制的并发7. 数组和哈希表插入、查找数据的时间复杂度8. 你会如何设计哈希表，没有碰撞的呢9. 说一下 TailwindCSS 的原子性（简历上提到的）10. 反问面试官面试时找我要简历，看起来很忙。手撕都不会，我好菜(ಥ_ಥ)

从二月多第一次面试美团，到五月初第六次面美团，中间经历了无数次的失败与自我怀疑，但是美团一次又一次的给我机会，每一次面试都让我受益匪浅，让我知道自己哪里有不足，哪里还需改进。从最开始的紧张无措，生担心没有充足的时间准备面试，到最后完全放下心态，比起面试结果更看重面试过程。不要太过于焦虑，而是好好充实自己，找实习确实有些看运气，但是你得自身实力强大才能把握住机会。牛客的面经对我帮助非常大，后续我也会分享一下我这半年来的面经，希望对大家有所帮助！