美团前端三面面经

1. 精准提示词：明确技术栈（React/Vue/TS）、需求场景、代码规范，指定模块化、注释风格，减少AI无效输出2. 代码片段复用：用AI提取项目通用组件、工具函数，生成可复用模板，降低重复编码成本3. 问题定向排查：粘贴报错信息+上下文代码，让AI定位语法、兼容性、性能问题，快速给出修复方案4. 逻辑可视化：用AI生成Mermaid流程图梳理业务逻辑，辅助复杂交互、数据流转的代码设计5. 代码优化升级：让AI做性能分析、TS类型补全、代码精简，提升可读性与运行效率6. 文档同步生成：编码后让AI生成接口说明、使用示例、注释文档，适配团队协作与维护

面试过的人都懂，最容易翻车的，从来不是前面的专业问答，而是结尾那句轻飘飘的「你还有什么问题要问我吗？」作为在互联网大厂做了 5 年 HR，面过近千位候选人，也帮上百位朋友复盘过面试、拿到心仪 offer 的过来人，我可以很负责任地说：今天就把面试提问的「红线」和「加分项」一次性讲透：3 个绝对不能碰的禁忌，碰一个就扣印象分；5 个适配 90% 以上岗位的高光提问，问完直接让面试官对你刮目相看。不管是应届生校招，还是职场人跳槽，看完直接就能用。先避坑：3 大禁忌，碰一个就扣光印象分面试提问的核心原则永远是：不添乱、不越界、不暴露短板。以下这三个红线，哪怕你再好奇，也千万别在面试时张口就问。禁忌一...

简单做一个自我介绍问项目架构问项目应用场景在开发这项目时，遇到了哪些最核心的技术难点？你是如何解决的？Playwright 插件在你的项目里具体是用来做什么的？在你的日常开发工作中，AI 辅助编码的占比大概是多少？你平时最常用的 AI 辅助开发工具是哪些？skills了解吗？请讲一下在 JavaScript 中，使用 new 关键字实例化一个新对象时，底层到底发生了什么全过程？请说一下浏览器本地存储中 localStorage 和 cookie 的区别？以及它们在安全性方面有什么隐患？业务中常见的黑白主题切换（Dark Mode），在前端代码层面是如何实现的？如果一个前端项目在你本地环境运行完全正常，但是部署到线上后用户反馈出现了“白屏”，请说出你的完整排查思路。如果发现当前前端项目的打包速度极其缓慢，且打包出来的体积非常大，你会采取哪些具体的优化手段？如果页面在操作或渲染时出现了明显的“卡顿”，你会从哪些维度去定位瓶颈？又会采用哪些策略进行优化？

前言这是我的agent系列文章的第4篇，该系列分为三部分：AI认知篇：详细讲解相关基础概念AI实践篇：分享诸如skills怎么写、怎么ai coding、怎么写好prompt等的最佳实践AI八股篇：分享我自己整理的应付大模型应用开发岗位必备的八股笔记如果觉得有帮助，欢迎关注我并期待后续文章！预期是日更哦！当天没更可能是因为太累了，周末会弥补的。在大模型应用落地的浪潮中，我们常常面临一个核心矛盾：大模型博学但“失忆”，且容易“胡编乱造”。它不知道我们公司昨天的会议纪要，也不了解最新的内部产品文档。为了解决这个问题，检索增强生成（RAG, Retrieval-Augmented Generatio...