美团暑期前端一面面经

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

📍面试公司：美团🕐面试时间：3.15💻面试岗位：前端1、如何在项目中使用 AI 工具来提升效率2、HTTP 和 HTTPS 协议的区别3、用户在访问一个网站时，浏览器提示该网站的 HTTP 证书无效，如何处理这个问题4、为什么 SSL 证书过期会导致 HTTPS 连接出现问题？这个问题背后的原理是什么？5、什么是闭包，具体应用场景6、babble 的作用与原理7、如何确保转换后的代码在不同浏览器中的兼容性？如何配置 Babble？8、Babble 在处理 polyfill 时具体是如何避免全局污染的，以及在配置过程中会选择使用哪些工具或插件来实现这一点。9、设计一个前端路由系统时，需要支持路由懒加载和页面过度动画，说明实现思路以及如何优化首屏加载性能10、实现路由懒加载时，如何处理可能出现的加载延迟问题11、实现页面过度动画时，如何确保动画的流畅性和性能

1.我看你简历上写的基于echars的定制化看板是什么 2.js的基本数据类型 3.vue3与vue2的区别 4.vue3与vue2的响应式原理，以及各自的优缺点（没答好） 5.什么时候用vue2，什么时候用vue3 6.你写的统一封装网络层是怎么做的 7.登录流程是怎么样的 8.token是随机生成的吗（答错了） 9.你写的高内聚低耦合是什么意思 10.接口封装是高内聚还是低耦合（都有，我只答了高内聚） 11.有用过ai辅助编码吗，带来的好处和坏处是什么 12.如何更好地利用ai生成自己想要的结果 13.ts的元组有什么特点（没答出来） 14.react的useState为什么要用数组来接收...

面试时间：4.17下午2点 时长30min面试官比较平淡，基本都是开放问题，以及一些对ai的看法，无手撕1. 自我介绍2. 如何学习前端，选择前端的契机3. 学习与项目中遇到bug的解决方式4. 学习前端中印象深刻的问题5. 项目中遇到的未解决问题及最终处理方案6. 是否搭建过Node服务、操作过数据库7. 介绍AI对话项目中的流式响应实现8. SSE与WebSocket的区别9. 流式返回不完整Markdown时如何正常渲染10. 本地持久化为何选择localStorage11. localStorage、sessionStorage、cookie的适用场景12. 介绍大模型参数temperature、top_k、top_p的作用13. 项目中做代码分割、按需加载的原因14. 代码分割是否越细越好，判断标准是什么15. 通用后台管理系统与AI对话项目的技术选型差异16. 后端为何选择Express框架17. AI发展下前端扮演的角色18. 未来是否还会有前端岗位19. AI时代下个人前端学习路线规划20. 如何突破初级程序员，应对AI冲击21. 如何与老员工合作推进项目22. 请教问题的频率与尺度如何把握23. 反问