美团hr面

一面（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. 反问：为啥都爱问大模型，几天出结果面试没啥反馈，而且问的好难，第二天进人才库(┬＿┬)

今年 3 月底从 IEG 离职，4 月 8 号开始投递简历，投了 10 家，给面的有滴滴、快手、腾讯音乐、腾讯、字节这 5 家，米哈游、网易雷火、得物、拼多多需要笔试我没有参加，乾象简历挂，阿里、京东、美团这些 Java 厂怕被当成一条野狗没投，投的都是后端或者服务器开发，不太想继续做鸡架。近两年依次学习过的内容有：cmu15-213、mit6.s081、一生一芯第六期（接近做完B线）、cmu15-445、muduo、mit6.824，然后就是因为工作原因学了一些编译原理和静态分析的内容，这部分看的比较杂，我个人喜欢看很多资料来对比着学，另外对 llvm 里 clang 的一些模块比较熟悉一些...

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

从输入URL到页面加载发生了什么：总体来说分为以下几个过程: 1.DNS解析 2.TCP连接 3.发送HTTP请求 4.服务器处理请求并返回HTTP报文 5.浏览器解析渲染页面 6.连接结束。简述了一下各个过程的输入输出作用：以下是对从输入 URL 到页面加载各过程的输入、输出或作用的一句话描述：DNS 解析： 输入：用户在浏览器地址栏输入的域名（如 www.example.com）。输出：对应的 IP 地址（如 192.168.1.1）。作用：将易于记忆的域名转换为计算机能够识别和用于网络通信的 IP 地址，以便浏览器与目标服务器建立连接。TCP 连接： 输入：浏览器获得的服务器 IP 地址...