【前端面经】美团-核心本地商业-业务研发平台-大前端工程师（日常）

一面（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. 算法：最长递增子序列

隔了一周挂了，有些没答上来，有些说的不够广不够深，算法看错题了(ಥ_ಥ)