美团金融-前端

📍面试公司：美团🕐面试时间：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 就行...基础还是太差了算法应该是力扣原题，虽然最后做出来了，但是耗时有点长，调试过程被诟病了

1.webpack和vite的区别，主要讲讲本地启动时2.讲一下事件循环3.讲讲不同的http版本的区别（我说http2有服务器自动推送问我是不是ws和sse，我其实也不知道，只能硬着头皮又说了说这两个东西）4.平时写css，flex布局使用多吗，你喜欢用什么属性，举一个具体的例子5.react列表为什么需要key，没有key会怎么样6.你实习里写的优化全局缓存怎么做到的7.优化的性能指标怎么测量的8.手写带小数点的千分位（被质疑代码不简洁，后续反问这个会影响印象吗，他说部门主要看中代码能力，但这个问题不大）一共40分钟，加自我介绍和一些忘记了的八股

写之前还感慨好独特的测评平台，写时候开始面露难色，写完骂骂咧咧

1. Promise 有哪些状态 常用接口 捕获异常的几种方法2. 介绍一下事件响应机制，什么是useCapture3. 介绍一下react合成事件机制，有啥好处，事件响应顺序顺序4. symbol是啥，什么情况下会用到5. localstorage，sessionstorage，indexdDB的区别6. localstorage满了咋办，提示使用lru进行key的删除，lru有哪些接口，口述如何实现7. Cookie, session, token的区别8. flex布局属性有哪些，grid布局属性有哪些9. 手撕：对象diff，输入为两个对象，输出为一个描述diff的对象10. 算法：1...