质谱华章前端面经

时间线 5.27，一面先做个自我介绍吧。挑一个最有挑战性的项目介绍一下。我：美团内部组件库，基于Ark UI封装Headless风格，解决官方组件库能力缺口，实现PC/移动双端复用，配套MCP文档体系。你在项目里主要负责什么？都搭建了哪些组件？我：负责组件搭建、Ark UI重构、MCP文档与llm.txt维护；PC和移动端都有，技术难度最高的是Select选择框。详细讲讲Select组件的技术难点。我：既要对齐官方UI，又要新增纯文本态和远程回显能力；底层Ark UI用非受控组件+ref强制更新，导致中文输入被截断，读源码后复刻状态流转逻辑重写受控版本解决。双端复用具体是怎么做的？我：逻辑抽离为核心包，UI层通过Context注入，PC和移动端各自通过工厂函数传入UI生成组件。核心包和UI层是同仓库还是不同仓库？为什么选择Monorepo？我：同仓库Monorepo，分PC/Mobile/Core三个包；方便互相引用、联调验证和统一发包。做的MCP具体干了什么？我：STDIO本地运行，通过版本号脚本正则提取文档，提供组件列表、Props查询、完整文档、Demos四个Tool，解决AI开发时组件信息缺失问题。如果让你从零实现一个MCP，应该包含哪些部分？我：选STDIO或SSE架构，定义Tools（查文档、调接口等），实现业务逻辑，通过tools/call暴露能力；也可做Prompt增强。MCP和Skill的区别是什么？我：MCP是扩展AI的"手脚"帮它执行操作，Skill是体系化文档只教它怎么做。手撕：写一个并发控制函数，100个请求最多同时6个，保证返回顺序。实现Promise.all的原生逻辑。回文串最少分割次数。我：讲了贪心思路（找最长回文串直接跳），但复盘发现这题标准解法是动态规划，贪心并不正确。源码：你说你熟悉源码，讲一下React源码。我：Fiber双缓冲（Current/WIP交替）、时间片轮转（默认5ms）、可中断渲染（高优打断低优）、Commit不可打断、Hook挂载在Fiber链表上故不能写在条件分支里。综合：做过最有技术挑战的事情是什么？我：AI上下文过长产生幻觉反复改不动，手工介入读Ark UI源码+浏览器断点，一天内定位非受控组件状态同步问题并解决。这次实习能实习多久？我：6月初到岗，可实习到12月或更久。反问：岗位写的AI Agent/AI App，实际工作内容偏AI还是前端？面试官：隶属算法工程团队，偏前端开发，业务for算法训练调度与评测，团队在做全栈转型，需了解底层infer与任务调度。