美团金服前端一面 9.29

一面只录了一半，AI总结的是知识点:通话记录为技术面试内容，涉及CSS布局、JavaScript异步机制、内存泄漏等前端知识点讨论。1.会计元素类似于div，行业元素则类似span或p，用于显示内容，而块级元素在布局中未被深入讨论。2.实现垂直水平居中的方法有多种，包括使用flex布局、justify-content与align-items、表格布局、绝对定位配合transform等。3.绝对定位居中可通过设置top和left为50%，再用transform平移自身宽高的一半实现，适用于未知子元素尺寸的情况。4.v-if与v-show的区别在于v-if是条件渲染，不满足时不会创建元素，而v-show是通过display控制显隐，始终渲染。5.重排指元素尺寸变化导致页面布局重新计算，重绘则是样式改变但不影响布局，如颜色变化，两者均影响性能。6.JavaScript基础数据类型包括number、string、boolean、symbol、null、undefined，其中symbol表示唯一值，BigInt用于大整数。7.setTimeout设为0仍是异步任务，会进入宏任务队列，微任务优先于宏任务执行，Promise.then属于微任务。8.async函数的实现原理。9.Promise有pending、fulfilled、rejected三种状态，支持链式调用和错误捕获；async/await需用try-catch处理异常。10.浅拷贝复制对象的引用地址，修改副本会影响原对象；深拷贝创建新内存空间，副本与原对象独立互不影响。11.深拷贝适用于需独立操作数据的场景，如代码编辑器左右对比，避免修改右侧影响左侧原始数据展示。12.线程是CPU调度的基本单位，在内存中运行，进程是资源分配的基本单位，一个进程可包含多个线程。13.JavaScript是单线程语言，因需协调DOM渲染与脚本执行，避免并发冲突，通过事件循环机制处理异步任务。14.判断括号匹配可用栈结构，左括号入栈，右括号出栈比对，最后检查栈是否为空以确定是否完全匹配。15.HTTPS相比HTTP更安全，通过SSL/TLS加密传输数据，包含客户端请求支持算法、服务端返回证书、密钥协商等步骤。16.HTTPS加密过程包括客户端发送支持版本与算法、服务端选择并返回证书、客户端验证证书后协商密钥完成加密通信。17.前端安全漏洞包括XSS（恶意脚本注入）、CSRF（跨站请求伪造），可通过转义输入、设置HttpOnly、双重验证等防范。18.合并两个有序链表时，先判断是否有空链表，再比较节点值，将较小者接入新链表，直到某一链表为空后接上剩余部分。19.设计模式常见有工厂模式（统一创建对象）、单例模式（确保唯一实例）、装饰器模式（动态添加属性）、观察者模式（状态通知）。20.代理模式通过代理对象控制对目标对象的访问，可用于延迟初始化、权限控制、日志记录等场景。21.代码质量评估包括性能（加载速度、内存泄漏）、安全性（敏感信息暴露）、可维护性（注释清晰、易于理解）。22.内存泄漏常见场景包括未释放的大数组、未解绑的事件监听器，尤其在页面卸载时未清理会导致持续占用内存。二面:纯聊天基本信息，学历经历，学校项目的经历，实习经历，实习过的公司对比想去哪，ai coding写一个支付界面，爱好，讨论ai coding的前景，反问面试官说还有三面，求通过🙏

1. 自我介绍2. JS定义变量方式？let const var区别？3. 为什么用const定义变量不可以被修改？底层原理？一定不能改？[黑薯问号R][黑薯问号R]4. `let a = 1; let a = 2;` 会发生什么？会报什么错？5. `var a = 1; var a = 2;` 可以吗？`var a = 1; let a = 2;` 呢？6. `var`特性（如变量提升）？`console.log(a); var a = 1;` 的结果是什么？7. JS中基本数据类型？分别存储在哪里（栈/堆）？8. `let a = {}; b = a; `修改b会影响a吗（会）如何避免（深...

📍面试公司：美团🕐面试时间：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. 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...