美团到店-餐饮saas部-前端-一面、二面、三面-面经分享

在准备面试的过程中，在牛客网上看了很多面经分享，也希望能够分享给大家，回报社区。

8.15 赛码网的笔试 五道编程题。

• 一面 8.19 约100min

*怎么看待前端？

*平时怎么学习前端？

*介绍一下项目。

*（都是项目相关的，基本就是聊到什么相关的就问什么知识点。 约50min）

*（最后三道代码题）

1. 打印结果。怎么改让它打印123 （var改let（感谢小伙伴指出））

for(var i = 0; i < 3; i++) {
setTimeout(function() {
console.log(i);
}, (i + 1) * 1000);
}

2.打印结果 （这道题在另一篇美团前端面经贴里看到过，一模一样的）

async function async1(){
    console.log('async1 start')
    await async2()
    console.log('async1 end')
}
async function async2(){
    console.log('async2')
}
console.log('script start')
setTimeout(function(){
    console.log('setTimeout')
},0)
async1();
new Promise(function(resolve){
    console.log('promise1')
    resolve();
}).then(function(){
    console.log('promise2')
})
console.log('script end')

3.写下es6 类以及继承。

* 反问阶段 问了对我的建议

• 二面 8.24 约60min

*自我介绍

*讲一下对saas的理解

*小程序项目相关

跨域again 这次让我讲cors具体实现；小程序项目实现了什么功能；怎么调试；

*项目中你做了些啥

*有遇到什么兼容性问题吗

*项目怎么发布，项目怎么上线

*为什么选择用vue重构

*针对渲染做了什么优化

*前端性能优化

*怎么减少http请求

*浏览器的缓存机制

*webpack相关 怎么使用webpack；用过它的什么功能；加过什么配置；用过其他打包工具吗

*https http2.0

*手撕

大概题意是：对数组原地修改，把数组中的0挪到最后。 举个例子：输入：[3,0,12,0,0,1] 输出：[3,12,1,0,0,0]

* 反问阶段 问了对我的建议

• 三面 8.28 约45min

*介绍一下项目

*你负责了啥 你做些啥

*项目使用的技术

*用的是spa吗

*vue-router底层讲一下

*element-ui底层你了解吗

*首次渲染 可能出现的白屏问题 怎么优化

*小程序底层讲一下

*项目前端做监控吗

*小程序项目踩过什么坑

*学习前端的经历

*你觉得你现阶段欠缺什么能力

*关注过大公司的前端路线吗

*你有什么技能和优势

*怎么学习前端

*现阶段在干嘛

*后面打算怎么安排学习计划

*（也没有手撕代码 有点慌）

* 反问阶段 

*小结：美团真的很看重项目经验啊。三面基本上都是围绕着项目在问。面试体验也都很好，面试官会根据你讲的来进行提问。都是聊聊天的感觉，很relax！

当时面试找面经的时候很少看到带具体到部门的面经分享帖，虽然我的面试主要还是围绕项目问项目和进一步展开问的，但还是希望对你有一点点帮助。

* 特别感谢过去看过的到店面经分享帖：（包括不限于以下）

https://www.nowcoder.com/discuss/402581

https://www.nowcoder.com/discuss/400008

https://www.nowcoder.com/discuss/476779

https://github.com/huyaocode/webKnowledge

https://github.com/TanQiong/GroupFight-leetcode