美团前端一面，比水里的杰克还凉凉~

#美团##你收到了团子的OC了吗##前端#
时长1hour
双非本
自我介绍：两段实习+一段创业

项目：
1. 项目中有提到对前端性能做优化，具体哪些？
答：这一部分主要是对微前端中嵌入的老页面做优化，通过performance、lighthouse观察代码使用率和请求占用率，删掉不需要的代码，对dead code高的js做优化（删除或者移植部分逻辑到新代码中）。编写脚本实现微前端父-子应用的生成环境下的条件编译。

框架：
2. vue2和vue3响应式原理区别。答：proxy和defineProperties及性能差异。
3. vue2中如何在初始化没有的情况下添加新的响应式数据进去。答：$set和数组方法。
4. vue2中组件通信。答：props、emit、ref、eventBus、pubsub.js、vuex。
5. vuex和redux的差异，和实现异步的不同。答：忘了说了啥，反正答了vuex中action支持异步，redux需要引入插件。

浏览器：
6. url输入到页面展示发生了什么。
答：该答的都答了，缓存（协商、强缓存）-dns（缓存、dns递归、迭代查询）-TCP（三次握手）-http-浏览器渲染机制。（脑子出问题了，还把ARP协议找mac地址、cpu硬中断、dma、ddos这些也顺带说了，然后面试官说我跑题，我这样回答他时间不够了）

js：
7. 数组的方法及用法。答：想到啥说了啥只说了pop、push、shift、unshift、forEach、map、some、sort、filter、reduce。面试官说让我说说splice和slice、我搞忘了splice可以向原数组添加新的元素，这个直接尬住两分钟。

css：
8. flex布局。答：就正常回答，他问我flex-derection方向改变后对主侧轴的排列会有什么影响，我忘了就说的没有（😂）。
9. 绝对定位的元素会产生reflow吗。答：没有。

代码题：
10. 获取url中的参数，如果同一个key有多个值，返回数组。
用正则写，很简单。但是当时抽风了用split去一点一点的切，切到最后用例没过，面试官说我知道你思路了不用改了。

一个大写的G~
春招结束，回家种田。

《前端开发—从入门到转行前台》#牛客解忧铺##春招##如何判断面试是否凉了#