#美团##你收到了团子的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~ 春招结束，回家种田。《前端开发—从入门到转行前台》#牛客解忧铺##春招##如何判断面试是否凉了#