面试题目汇总1-16

汇总所有面经中的提问和手写代码题目，标注来源面试场次。

字节&美团-笔试

代码

比较版本号
不用sort进行排序（只有0,1,2）

提问 3. 跨域有关的问题 - 为什么要有跨域限制？什么会被限制？ 4. CORS的头配置 - 浏览器是怎么判断是否放行的？ 5. 垂直水平居中的实现（越多越好）- 绝对定位和相对定位为什么要这么设置？transform是什么？它们之间的关系？ 6. box-sizing的值 - content-box与border-box还有什么区别？ 7. 监控系统构建 - 当页面报错时，错误是怎么捕获的？ 8. Skill与MCP的区别 9. Skill的机制 10. RAG的词嵌入向量化是怎么做的？ 11. 如何验收skill的效果？尤其是召回率？ 12. 你知道skill与渐进式披露吗？skill的meta信息、内容与渐进式披露是怎么组织的？agent是怎么实现的？

美团-一面

代码 13. Promise输出分析 - 写出输出顺序及原因 14. 用Promise实现图片懒加载 15. 用Promise实现红绿灯交替（红3s, 黄1s, 绿3s）

B站-一面

提问 16. hooks使用的注意事项 17. content-type的值是什么样的？ 18. React组件的生命周期是怎么样的？如果有父子组件呢？

代码 19. 实现useRequest() 20. 拼音匹配函数 - list: ["北京BeiJing", "上海ShangHai", ...]，输入'BeiJ'返回['北京']，输入'BJ'返回['北京','宝鸡']

腾讯-一面-企业微信团队

提问 21. 如何验证最后的结果（Agent） 22. 怎么优化写文档的过程（Agent） 23. React的原理 24. Fiber架构 25. 打包工具的原理 26. Vite与Webpack区别 27. 热更新原理

代码 28. 异步加法 - 实现sum函数，不能使用加法，借助asyncAdd完成加法，尽可能优化时间

腾讯-一面-腾讯金融科技

代码 29. CSS垂直水平居中（越多越好） 30. 实现Promise.all()

腾讯-二面-腾讯金融科技

提问 31. CSS样式优先级 32. Vue中computed与watch的区别 33. 移动端适配

代码 34. 实现防抖+竞态处理 - 结合AbortController实现搜索框竞态问题

美团-一面-核心本地商业

提问 35. 全围绕Agent的问题 - skill构建、项目与实习经历

代码 36. 数组转树形结构 37. 实现Promise.all() 38. 大数相加（转为字符串） 39. 寻找两个链表中第一个重复的节点 40. 图片压缩算法 - 如果你是计算机系统的开发者，你该如何将图片存入外存？使用什么数据结构？

斑马智行-全部

代码 41. 正则表达式标识题目 - 判断说法的正误 42. CSS选择器题目 - 判断描述的正误 43. JS代码输出题 - Symbol.species与filter 44. 模块加载顺序题目 - 分析三个script标签的加载顺序 45. 直接插入排序算法题目 - 分析比较次数是否相等 46. 二叉树遍历题目 - 已知先序遍历结果，求可能的后序遍历结果 47. WeakSet实例创建题目 - 判断哪些会抛出异常

字节-一面-飞书

提问 48. v-model的原理 49. Vue的数组响应式是怎么实现的 50. Vue2与Vue3之间的区别 51. Commonjs能不能摇树优化？为什么？ 52. Commonjs的底层与ESM的底层实现是怎么样的 53. MVVM与MVC 54. 浏览器缓存，如果强缓存的状态码是多少 55. 存储位置，什么什么Cache？ 56. 图片预加载问题 - 预加载还没完成但正式请求已发送，预加载还有效吗？

代码 57. 实现并发请求（控制最大并发数） 58. Vue数据双向绑定

字节-抖音团购-全部

提问 59. 5个视频是怎么减少重排的 60. 视频是怎么进行管理的 61. localStorage的大小是多少 62. 项目相关提问

代码 63. 数组转树 64. 实现Promise.all() 65. 大数相加（转为字符串） 66. 寻找两个链表中第一个重复的节点 67. 图片压缩算法，以及使用什么数据结构存储

懂车帝-前端实习-一面

提问 68. v-model的原理 69. Vue的数组响应式是怎么实现的 70. Vue2与Vue3之间的区别 71. Commonjs能不能摇树优化？为什么？ 72. Commonjs的底层与ESM的底层实现是怎么样的 73. MVVM与MVC 74. 浏览器缓存，如果强缓存的状态码是多少 75. 存储位置 76. 图片预加载问题

代码 77. 并发请求（控制最大并发数） 78. Vue数据双向绑定

光庭-前端实习-一面

提问 79. websocket相关 80. 组件的生命周期

百度-前端实习面试-一面

提问 81. 你对于原生开发（ios与安卓）是否能够接受 82. 你的技术栈主要是Vue，我们的技术栈是React，面试过程中你是否会感到紧张 83. CSS中给左上和右下角进行边框设置 84. 说一下padding和margin的区别 85. 对于图片的object-position这个属性的常用的三个值 86. 手机的进程与线程的个数 87. 数据库事务的四个特征 88. 计算机网络，抓包 89. 获取加密信息比如，获取SSL/TLS加密后的内容 90. 操作系统进程死锁的条件

代码 91. 500毫秒之后输出一个时间戳 92. 判断一个any是否为空isEmpty函数的编写 93. 在一个具有数字和字符的字符串中去找到第n大的数字

字节跳动-豆包前端实习-全部

提问 94. 绝对定位和相对定位 95. 弹性布局 96. flex:1是什么意思 97. 原始值的种类（7种） 98. GET与POST的区别 99. http协议的其他请求方法 100. 浏览器的同源策略 101. 反向代理是什么 102. cookie与session 103. git中的rebase和merge 104. 移动端优先的设计理念 105. 为什么选择Vue3作为技术栈 106. 为什么要节流，以及其定义

代码 107. 节流函数（包含测试用例编写） 108. 冒泡排序原理及代码 - 如果输入的不是数组该如何处理？ 109. 数组去重

字节跳动-豆包前端实习-二面

提问 110. 你的开源项目是什么 111. 什么时候开始接触前端 112. 之前有过实习吗 113. 学前端你都做了什么呢 114. 在github上的具体项目贡献 115. 项目来源 116. 修了哪些Bug 117. pr与issue的个数 118. 介绍自己的一个项目，具体做了什么，怎么实现的 119. 什么是SPA 120. 你的前端路由是怎么设计的 121. 一刻的技术栈 122. 深岩智测的项目介绍 123. 深岩的数据是哪里来的 124. 浏览器渲染原理 125. 浏览器有多少线程 126. 一个页面会有多少线程 127. 有没有事件线程呢，点击鼠标和键盘事件 128. 你了解事件循环机制吗 129. 微任务与宏任务有什么区别 130. 平时在用什么AI 131. 对于使用AI开发过程中遇到的问题 132. 要怎么向AI沟通与提问他生成的代码才会更好 133. 你了解哪些AI工具 134. 在和AI对话的过程中，AI发生了错误，但越聊越错，是什么原因 135. 为什么无法进行纠错，越聊越正确？为什么越聊幻觉越大

代码 136. 防抖节流 137. 针对DOM树的diff算法

磐松资产-前端实习-一面

编程 138. 分析事件循环机制 139. 点击背景将三角形颜色由红转换为粉色

磐松资产-前端实习-二面

提问 140. 数组去重的方法 141. Promise.allSettled和Promise.all的区别 142. 如何设计一个简单的事件总线（发布订阅） 143. webpack与vite的区别 144. 如何进行Axios配置 145. 对于一刻短剧的滑动5个就重新刷新的设计原因 146. 抖音的视频是提前加载，预处理。点赞和收藏是写死的 147. 一刻短剧的性能优化 148. 视频的浏览记录历史保存（返回视频有历史播放进度） 149. 在项目中有没有使用provide与inject 150. 针对事件监听的节流处理 151. 你是如何确定当前播放的视频是哪一个的 152. 防抖的设置 153. 移动端优先的设计理念 154. 你部署的CI/CD流程 155. 4k大屏，但只能输出1080p，该如何避免缩放失真 156. Tailwindcss和普通的css有什么优缺点 157. 介绍一下项目是如何进行Pinia状态管理的 158. localstorage 159. 主题切换该如何去做 160. 平时开发有使用什么好用的AI吗 161. 有了解过我们公司吗 162. 偏向的公司类型 163. 直属上级和你在代码上有意见，你该如何解决 164. 你喜欢什么样的工作环境 165. 对实习的期待或者希望学习到什么 166. 个人投递方向全是前端吗 167. 什么时间入职 168. 实习多久