腾讯音乐前端一面

📍面试公司:腾讯音乐
🕐面试时间:2026.05.27
💻面试岗位:前端开发
❓面试问题:
自我介绍
为什么选择前端这个方向?
一个专业的前端的开发需要掌握的技术体系有哪些?
你自己觉得哪部分学的最好?
说一下对虚拟DOM的理解
虚拟DOM存储在哪里?
虚拟DOM和真实DOM哪个更高效?原因是什么?
真实DOM存储在哪里?
浏览器渲染一个页面的流程,简单的说一下
项目具体介绍
虚拟滚动的原理
流式输出底层原理
应用场景题:一个多轮对话助手应用,然后假如说聊了一整天,聊的非常多,可能会存在内存泄露问题怎么解决?
什么是浏览器的同源限制策略?为什么要有这个限制?
跨域问题怎么解决?
箭头函数和普通函数有什么区别?
在前端存储数据有哪些方式?
平常手写代码多还是AI写的多?你是怎么看待AI去写代码这件事情?
你认为AI写的好还是你写的好?你用的AI工具是哪些?觉得哪个最好?为什么?
面试反问
🙌面试感想:
感觉问了很多的前端底层,整体下来我感觉回答的不太好,而且居然没有手撕题,我准备的手撕都没有用上😞
以上就是这次的面经了,希望能帮到有需要的宝子,有什么疑问都可以在评论区问我
#发面经攒人品# #牛客AI配图神器# #实习#
全部评论
面完隔几天给消息啊,反问环节聊啥了
点赞 回复 分享
发布于 昨天 11:16 北京

相关推荐

自我介绍与经历请做简单的自我介绍介绍三段实习经历及主要工作内容上一段实习结束/未转正的原因是什么JavaScript 基础for(var i=0; i<<5; i++) { setTimeout(() => console.log(i), 1000) } 输出什么?为什么?严格模式下使用未声明的变量会怎样?解释闭包及其常见陷阱事件冒泡与事件捕获的区别及执行顺序stopPropagation 与 preventDefault 的作用与区别ReactuseState 在定时器中出现闭包问题的原因是什么?如何修复?useRef 与 useState 的区别?使用 ref 为什么不会触发重新渲染?useEffect 依赖数组的作用及空数组的陷阱函数式更新 setState(prev => prev + 1) 的优势手写代码实现 delay(ms) 睡眠函数实现并发控制:限制同时发起的异步请求数量(如图片预加载限制并发数为5)使用 Promise 实现异步任务的调度与队列管理项目深挖(组件库/工程化)组件库如何做到逻辑层与 UI 层分离?双端(PC/移动端)复用的方案是什么?如何在不破坏 PC 端的情况下为移动端扩展特定逻辑?组件库 AI 集成(MCP/Skills)解决了什么痛点?具体架构是怎样的?如何处理组件库多版本文档的匹配问题?性能优化代码分割(Code Splitting)的原理及实现方式ESM 与 CJS 的区别?为什么 Tree Shaking 依赖 ESM?图片懒加载的实现方案(IntersectionObserver / scroll 监听)WebP 格式的优势及兼容性降级方案预加载(preload/prefetch)与懒加载的区别核心性能指标:FCP、LCP、CLS、FID 的含义及优秀阈值网络与浏览器HTTP/1.1、HTTP/2、HTTP/3 的核心区别与优化点HTTP/2 的多路复用解决了什么问题?如何根据 User-Agent 判断浏览器/WebView 版本及特性支持?
查看28道真题和解析
点赞 评论 收藏
分享
时间线 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与任务调度。
查看16道真题和解析
点赞 评论 收藏
分享
评论
7
13
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务