美团前端面经合集

核心本地 - 美团平台- 前端面经

一、技术面问题

开发效率与工程实践

• AI 提升开发效率的具体场景
• 懒加载和条件渲染策略优化的背景
• 是否使用过 React、对 React 和 Vue3 的看法与对比
• 对 Node.js 的了解
• Webpack 使用经验
• 为什么使用状态管理（解决什么问题）
• 使用过 EventBus 吗？和 Pinia 的区别

JavaScript 基础

• JS 数组方法
• 手写题：数组扁平化（要求使用 reduce 方法）
• 输出题：事件循环机制

二、反问环节

• 地图相关业务
• 技术栈是否偏移动端（如 React Native）
• 关注能力：基础、学习能力、沟通能力

美团前端二面

事件循环

• 被问到事件循环的概念和执行机制，结合宏任务、微任务进行解答。

性能优化

• FCP优化：从减少关键资源、预加载、等方面回答。
• 懒加载：结合Intersection Observer或滚动监听实现图片/组件按需加载。

组件库设计

• 主要聊了组件库的背景、设计思路（如可复用性、Props设计）和实现细节（如样式隔离、按需引入）。

八股文

• 跨域：提到JSONP（原理是利用<script>标签，缺点是不支持POST且安全性低）。主要使用CORS（服务端设置Access-Control-Allow-Origin）。补充Nginx反向代理（通过配置代理服务器绕过浏览器限制）。

算法题

• 两数之和：要求写出代码并分析时间复杂度（O(n)解法，哈希表优化）。

工程化

• 动态分包：结合Webpack的SplitChunksPlugin或路由懒加载实现按需加载。
• Tree Shaking：通过ES Module静态分析移除未使用代码，需注意副作用标记。

美团一面

1.自我介绍

2.聊天，为什么学了前端，对基础知识的掌握程度怎么样

3.原型链 为什么要有原型链，它解决了什么问题(面向对象?)

4.promise状态转换(简单)

5.webpack和vite构建，有没有自己配置过

6.webpack和vte配置为什么是在一个js文件(不懂，说了一下自己的理解，只能解析is之类的，然后说建议多了解一下)

7.用过什么ai，编辑器用没用过

8.yue3的composition APl、和vue2相比

9.GitHub看过什么项目

10.vue的源码有没有看过

11.算法:两数之和(O(n))

12.反问

美团一面5.22

自我介绍

其他：什么时候学习前端；学过TS吗；学过React吗

AI问题：AI工具；大模型；AI协助哪些方面；大模型调优；

八股：

数据结构：栈和队列的区别；

计网：URL从输入到最终页面呈现过程发生了什么；DNS解析；浏览器解析于渲染；

JS：JS单线程；事件循环；微任务有哪些；promise有哪些状态；

组件封装判断页面级组件和应用级组件；封装应用级组件要注意什么；组件拓展要注意什么；

项目：项目中有挑战的点；大文件上传有哪些成熟的方案；

代码：数组去重（map方法和filter方法）；数组扁平化