美团前端暑期实习面经（一二面）

📍前言：本来都不抱期望了，一志愿招满之后流程直接结束了，抱着试一试的态度，补充了两个志愿，马上就约面了，团子我爱你！！！📖面试问题：全程一小时十分钟自我介绍（上来我和面试官都愣了一会，然后我主动cue流程的）；询问使用的语言，对TS了解程度；讲讲深拷贝和浅拷贝的区别，如何实现深拷贝；介绍一下Promise，Promise对象有几种状态以及相关函数；简单说说vue的父子组件之间的通信方式；vue中，设置data之后是什么样的；刚才提到Vuex，简单介绍一下；存储方式有哪些，Vuex相比于这几种存储方式有什么特点；说说浏览器发送URL的过程；说一说强缓存与协商缓存，是怎么使用的；了解过跨域吗，...

应该凉了项目拷打了20分钟1. 解释跨域及解决方案2. CSS的position，单位3. 存储cookie和session4. 强缓存和协商缓存5. 闭包，应用场景6. 箭头函数和普通函数的区别7. 一道对象输出8. 一道微任务宏任务输出9. 算法，方阵的斜向遍历这里鼠鼠寄了个寄，网断了，for循环也没推出来，面试官说可以利用下标加和相等

👜面试岗位：食杂零售📖面试问题：【一面】自我介绍你为什么会选择前端？项目拷打登陆流程怎么实现的？Express有用到数据库吗？用户密码怎么存储的，怎么保证安全性组件数据怎么存储的？描述一下组件数据的JSON？组件是怎么来的？有没有组件之间的数据联动？按需加载怎么实现的？说一说渲染卡顿问题？简要介绍虚拟列表的实现原理?Vite为什么快？Vite如何支持commonJS？Webpack基础commonJS和esm的区别在Promise中先resolve(2)后reject(3)，从哪个回调中获取到这个3？获取不到，为什么？事件循环 微任务宏任务代码输出题 为什么第一个定时器中微任务比第二个定时...

15min实习/项目+30min八股+45min手撕（简历写了很多性能优化+Ai）实习/项目：1.实习做了什么，技术栈是什么  React2.React的hook,Vue中也有相应的实现，具体举例    useState/ref 3.实现了哪些性能优化    CDN服务4.RBAC权限管理怎么实现的    数据权限+功能权限5.项目中用到的打包部署    Webpack6.后端开发工具调用如何实现    7.你在项目中遇到过的难点以及你是怎么解决的八股：1.路由懒加载的实现方式    import()语法实现代码分割2.输入url到浏览器到后端给出响应的过程 DNS  TCP HTTP 3.HTTPS对于HTTP做了哪些改进  4.对称加密和非对称加密     AES 公钥和私钥配对5.CDN服务器原理    CDN节点从源站拉取内容并缓存，用户从最近的服务器获取数据6.CDN回源过程是怎样的    7.你知道哪些性能优化效果评估指标    8.骨架屏如何实现优化的    在页面加载时显示的占位图形界面9.虚拟滚动优化列表渲染如何进行优化的    只渲染当前窗口可见的列表项，而不是一次性渲染整个列表  节流10.浏览器本地存储方式    Cookie  LocalStorage SessionStorage11.浏览器缓存机制    强缓存  协商缓存12.Webpack打包原理    解析入口文件，​​构建依赖图，​​Loader 处理​​，插件干预​，输出 chunk 文件13.操作系统中虚拟地址是什么，虚拟地址的优点    由CPU生成的逻辑地址，将虚拟地址转换为物理地址，更大的地址空间14.说一下JavaScript的事件循环机制  宏任务 微任务 Promise15.promise怎么解决地狱回掉的    then 方法链式调用手撕：寄了Promise (实现了部分，让我讲一下内部的逻辑)深拷贝（测试用例有target.target = target 导致循环调用，要用weakMap来实现）反问：1.具体业务：商家支付2.哪些需要改进的点：不够深，https，性能优化指标没答上来，手撕没手撕出来3.AI方向：AI催债，信贷评估等等4.出结果：2-3天#美团暑期一面# #面经#