6.16美团前端一面

之前赶着美团暑期实习最后一波投的。

1. 自我介绍

2. Vue2和Vue3的区别改变

   • composition api

   • treeshaking

   • diff

   • 指令系统变化

3. 项目如何进行打包优化，如何提高页面加载速度

4. 浏览器性能优化

5. 场景题：后端传过来一个10000个数据的长列表，从各个角度说说解决卡顿的方法

   • 后端进行分页配置limit

   • 虚拟列表

6. 写代码：

do(1, (err, data) => {
    if (err) {
        console.error(err)
    }
    console.log(data)
})
// 封装一个函数doA实现以下调用方式
doA(1).then(data => {}).catch(err => {})

7. 场景题

有一个按钮，点击以后去做一些异步任务，然后发起支付操作，问：如何避免用户多次点击按钮重复支付？

答的不是很好，面试官说可以从promise限制并发，取消promise的角度，这个复习过但是一时没想起来。

@click={m1}
doA().then(() => {
    pay()
}).catch(err => {
    doSomething();
})

8. 还是promise问题

3个promise，要求拿到返回结果（数字）加起来后返回

doA(1)
doA(2)
doA(3)

9. 箭头函数何普通函数的区别

10. 说说你理解的前端工程化

全程40min，整体来说问的都很基础，不过一些场景题答的不是很好，因为第一次面试没经验，就只回答了所问的问题，没有进行更多扩展和引导，导致准备的东西却没有展现出来。
建议大家面试一定要多扩展，把自己会的展现出来，不然面试官可能也不知道问啥。还有有些东西理解了也要背一背，这样逻辑条理会比较清晰。

还有这场面试时间也太短了吧，连反问都没有，感觉凉了😱