商汤科技前端面经

一面 1. 多个用户同时登陆如何判断token是谁的？2.实习中遇到的挑战3.围绕项目提问4.为什么用webgl渲染，了解其他的渲染方式吗（webgpu、webusb）5.monorepo多包管理6.react的安全漏洞7.react里怎么接入vue组件（给我问懵了，说web component包装，算对）8.AI：MCP\agent智能体、知识库9.进程和线程的区别10.面向对象编程/函数式编程11.并行/并发代码：1.代码输出（事件循环）2.手撕：图片懒加载二面：1.对于美团工作的诉求2.上一份实习最大的收获（答：开发状态转变，问有没有具体case）3.项目人员配置，承担什么工作4.技术选型5.为什么选这个组件库6.什么场景会用到vibe coding7.直接用npm workspace就可以了为什么要＋lerna，解决了什么核心问题8.lerna怎么实现的多包管理9.性能优化指标怎么得出？如何实现？10.总结渲染层面的性能提升手段11.一些第三方库的底层实现原理代码：1.K个一组反转链表2.求一组数的中位数。多种实现方式

昨天莫名收到了商汤科技的面试，我之前没投过官网也没记录，但这都不重要。今天面了1个小时，我今年面了很多场，今天的面试绝对是我收获最多的一次，我好像体会到了顶级大佬的那种思维面试官不是千篇一律的问那些八股和算法，是真真正正围绕前端开发来问的，而且问题也不是提前准备好的那种，是会按照你的回答一点点深挖追问的，让我意识到我学的很多东西有点浅薄，同时面试官会一针见血说出我的问题，感觉像是受到了点拨那种，直接升华了，整场面试我一直在感叹面试官的功力深厚，是那种真正懂技术的，太牛了之前一直误以为前端学不到东西了，现在看来是我眼界局限了，这样的面试官能不能来一打啊不过我可能误打误撞投成社招了，好多也没回答出来，还是认知太浅了，要是这个面试官能成为我的mentor就好了，肯定能学到很多东西，终究是我太菜了，有机会的小伙伴真的可以去面一下商汤，真的yyds

面试算法题卡壳怎么办？在算法面试中遇到难题写不出来，几乎是每个候选人都会经历的事。作为面试官，我想说的是，能否妥善处理这种困境，往往比题目本身更能决定结果。当你思路卡住时首先，千万别沉默。面试官期待看到你的思考过程，而不是一个完美的答案。正确的做法是，主动说出你目前的思路和遇到的阻碍，并尝试寻求提示。比如你可以说：“我初步的想法是用动态规划，但在状态转移上卡住了，您能给我一点方向吗？”面试官给出提示后，你要快速跟进，展示出调试和迭代的能力。这说明你不仅会解题，更具备在实际工作中解决问题的能力。绝对要避免的行为· 完全沉默，不与面试官沟通· 轻易放弃，直接说“我不会”· 抱怨题目太难或不合理一个真实的案例我曾面试过一位同学，他解题速度不快，中间也有停顿。但他全程都在清晰地表达思考：“我打算用哈。。。查找，因为这里可能。。。这个。。。情况我先记下，写完主逻辑再处理”。虽然他最终没写出最简洁的代码，但我看到了他拆解问题、逐步推进的逻辑能力。最后他通过了面试，因为面试官看重的是解决问题的完整思维链条。面试官到底想看到什么· 清晰的解题思路和分析路径· 规范的编码习惯和边界处理· 主动沟通的意愿和协作意识· 在提示下快速调整和迭代的能力写不出最优解很正常，可怕的是没有思考过程。面试是展示你如何解决问题，而不仅是背诵解法。

（一）CSS 相关1. 实现元素垂直水平居中的方法有哪些？2. flex 设为 1 时，对应三个属性的值是什么？3. 如何用弹性布局实现 “上中下三栏布局”？4. 中间区域内容过多时，如何让其在自身区域滚动而不挤压底部？5. flex 的 gap 属性在低版本浏览器不兼容，替代方案是什么？6. 了解哪些响应式布局方法？（二）JS 相关1. ES6 + 中常用的新特性有哪些？2. Promise 有几种状态？状态之间的流转关系是什么？3. Promise 构造函数是同步执行还是异步执行？4. 如何判断一个元素是否在可视区域？5. JS 中可能导致内存泄露的情况有哪些？（三）TS 相关1. TS 中 interface 和 type 的区别是什么？2. 泛型的使用场景有哪些？（四）工程化 & 网络相关1. Webpack 中 loader 和 plugin 的区别及各自使用场景是什么？2. 了解 Tree Shaking 的原理吗？3. 项目开发中如何解决跨域问题？4. HTTPS 为什么比 HTTP 更安全？其安全性如何保证？（五）React 相关1. React Hooks 中常用的有哪些？2. React Hooks 为什么不能在条件渲染中使用？3. 渲染列表时，为什么需要给子元素设置唯一 key？能否用index作为 key？4. 对 React Diff 算法的理解是什么？5. 对 React Fiber 的理解是什么？（六）手撕promise.all对象比较