美团一面秒挂

讲了15min实习项目，问了一些项目问题为什么拿到转正还面秋招自己相对于其他实习同学的优缺点为什么选择前端向外行介绍vue，总结几个vue的关键词了解什么前端的最新技术会用node.js吗手撕：找字符串数组的最长公共前缀无八股，最后反问业务和对校招生的建议。一面和hr面一样，感觉像kpi啊。。。。。。回人才库了hh

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

一面只录了一半，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的前景，反问面试官说还有三面，求通过🙏

秋招第一面,整体难度偏低,发出来攒一下人品上来简单问了一下项目跟实习,有没有做过什么有意思的事八股部分:在浏览器执行脚本跟在Node环境执行脚本有哪些不同怎么在浏览器里使用ESM浏览器是通过什么语法支持ESM的HTML里如何配置ESM讲一下VDOMSSR的原理手撕:实现加减法计数器DOM结构逐层输出