美团前端暑期一面

1、WebSocket 相关 - WebSocket 是不是第三方组件？→ 不是，是浏览器原生 API；心跳是自己封装的保活机制。 - 基于什么协议？→ 应用层协议，底层 TCP，握手用 HTTP，传输用 ws/wss。 - 怎么保持长连接？→ TCP 本身持久连接 + 心跳包定时发送，防止网关 / 防火墙断开。 2、小程序 /uni-app 开发 - 是否上线？用什么技术栈？→ 微信小程序已上线，用 uni-app + Vue 开发。 - 布局方式：Flex / Grid→ 主要用 Flex 弹性布局，适配移动端最强；Grid 了解但项目用得少。 3、React Native 开发 - 是否...

📍面试公司：美团🕐面试时间：3.27💻面试岗位：前端1、js == 和 === 的区别2、js 数据类型，区别3、symbol 是什么，应用场景4、防抖，如何实现，应用场景5、轮询请求怎么做，setTimeout还是setTimeinterval，为什么6、输入 URL 发生什么7、HTTP 和 HTTPS8、为什么证书能保证安全，对非对称加密的理解9、script 标签属性10、对跨域的理解11、项目中 CSS 怎么命名，项目中的 CSS 的结构是怎么维护的12、日夜模式切换怎么实现13、CSS display 属性有哪些14、SSE 和 socket 区别15、聊 AI 使用16、在什么场景下 AI 不好，怎么优化代码题：1、同步异步输出顺序2、现场 AI coding，带有联想列表的防抖输入框，AI 写完让我讲 + 问细节让我找

上周我面了字节、阿里、美团的前端岗，都过了。血泪经验总结成一句话：今年面试，懂AI的比懂React的更抢手。字节那轮面试，面试官问了我一个问题："你平时怎么用AI辅助前端开发？"我当时心想，终于到我擅长的领域了。因为我最近一直在研究Cursor做React组件开发，用AI生成TypeScript类型定义，还做过一个基于AI的组件库文档生成工具。结果面试官追问："你用AI生成的组件有做过性能优化吗？怎么保证AI生成的代码没有XSS漏洞？"这两个问题直接把我问住了。AI生成代码是快，但它不懂业务场景，不懂安全边界，更不懂性能调优。这些"后处理&qu...

一、手撕题 1. 版本号排序2. 事件循环输出题3. 限流调度，执行的任务数量不能超过两个二、AI 相关问题（开放性问题）1. 你经常使用 AI 工具吗？对 AI 的熟悉度2. AI 的一个场景，通过一个 SSE 去吐内容，你了解 SSE 是什么吗？流式输出它的那个内容是 Markdown，那前端要显示的这个内容，但是因为 Markdown 它可能一开始语法并不全，比如说举个例子，它加粗或者是画横线之类的，它一开始吐出的可能是一部分内容，这种情况下怎么去处理？3. 正常工作中的 AI 工作流是什么样子的？比如你要用 AI 能充分理解你的项目，让它了解你当前的上下文是怎么定义的，举个例子。4. 如果 AI 生成的代码都跟你当前的项目规范不太一样，或者说有冲突，这个时候1应该要做怎么样的约束呢？5. 当你项目比较大的时候，它不可能全盘的去读你整个项目，这样 token 会爆炸，这个时候怎么处理？三、八股1. 使用 new 操作符，整个对象操作会做什么事情？2. CommonJS 和 ES6 module 的区别3. 在 JS 中，比如 0.1 + 0.2，它是不全等于 0.3 的，什么原因？4. 浏览器的安全策略有哪些？5. 浏览器的渲染机制是怎么样的？6. 怎么去避免重排重绘？7. 进程通信方式有哪些？使用场景分别是什么？8. TCP 是怎么实现可靠传输的？9. http3.0 协议为什么要基于 UDP 去做？10. React Router 是怎么实现的？11. 微前端的JS沙箱和CSS沙箱是怎么实现的？（没有接触过微前端，所以直接说不会了）12. 正常开发项目时性能优化思路是怎么样的？13. 上线虚拟滚动之后你是怎么去监控它是否按预期实现？4.17一面半小时后通知通过，4.20二面（我已经挂过两次二面了，希望这次能通过...）