9.11美团前端一面 秋招 二番战

📍面试公司：美团🕐面试时间：9.5💻面试岗位：前端❓面试问题：依然一开始拷打项目，项目难点其中问到了为什么使用 iframe，其实有很多容器技术选型，例如 single spa 和 qiankun，有很多微前端架构iframe 的优缺点低代码平台拖拽和我所实现的拖拽的不同1. url 到页面构建过程2.中间的白屏和首屏加载如何优化3.除了压缩代码外还有哪些优化策略4.webpack 如何配置压缩5.webpack 和 vite 的区别6.webpack 的 loader 和 plugin 区别7.用过 ts 吗？class type interface 区别8.泛型9.js 事件循环机制10.宏任务和微任务有哪些补充：这个问题其实是在优化后讲的，浏览器缓存策略还问了用过哪些大模型，大模型是如何选择的，以及对 transformer 的了解程度是如何配置 tailwindcss 的？手撕一道深拷贝算法一到最长不重复子串🙌面试感想：手写题要能运行手撕深拷贝居然没做出来...在想 objectkeys 后面跟着什么遍历，原来 foreach 就行...基础还是太差了算法应该是力扣原题，虽然最后做出来了，但是耗时有点长，调试过程被诟病了

一面考手写题实现控制异步任务并发数的函数（例如最多同时执行 2 个请求）箭头函数和普通函数在  this  指向、构造函数能力、 arguments  对象等方面有哪些区别最长无重复子串代码解读题 二面项目为主实习中挑战CommonJS和ESM这两种JS模块化规范的理解Vite与Webpack 4相比，核心区别是什么Vite中，点击跳转至第二个Vue页面时，是如何让浏览器能运行Vue代码如何考虑前沿技术的学习与应用 三面纯项目

1.黑夜白天页面切换你是怎么实现的？2.new一个对象里面发生了什么3.公司有做过什么难点？乱说一通，说完其实我感觉没啥难点。然后回答的不是很好。4.qrcode库里面的原理是什么？？？(我只回答了怎么使用)5.你的歌词跟随播放怎么实现的？(页面看不到歌词)6.问了加锁怎么实现？说我是一个请求，没遇到多个请求吗？我说不知道，然后说了个promis.all上去。剩下就是事件循环，常见的八股面了20分钟。面试官挺好玩的，还会问我这边是不是刮台风。唉，我要改简历再蘸豆。😭感觉面试官也没啥能问我的，项目就确实是这个鸟样。。还有回忆的时候习惯看上方不看摄像头，感觉对面体验不是很好。

1. 我们先来做个编程题：用 JS 写一个倒计时组件。写好后，我们再聊聊有哪些可以优化的地方。2. 刚才这个倒计时，如果希望用户刷新页面后还能继续计时，数据存哪里比较好？3. Cookie、LocalStorage 和 SessionStorage 这三种浏览器存储方式，有什么区别和联系？分别适合用在什么场景？4. 聊聊浏览器的强缓存和协商缓存机制吧，它们是怎么工作的？5. 你之前的项目里，主要用的是哪种缓存策略？6. CSS 单位里的 rem 和 em 有什么区别？7. 挑一个你最熟悉的项目，介绍一下它的技术架构，你在其中主要负责什么？遇到了哪些挑战？8. 平时会用 AI 大模型吗？主要用它...