字节-前端实习-二面面经

1.Sdk干什么，你为什么会在公司接触这个业务2.插件是什么个逻辑3.sdk的treeshacking前后的大小有没有对比过4.teeshacking的逻辑5.teeacking是在哪个阶段进行6.teeshackig在cmis有什么限制7.monorep底层逻辑架构是什么样8.md里面的ai相关是什么逻辑9.md的优化性能优化逻辑10.有没有其他的性能优化11.react周期12.虚拟diff对比13.为什么不能写在条件里面，如果一定要写怎么办14.git多个commit怎么合并一个15. sass, less, tailwind css区别手撕:bind，数字转汉字整数写写面经攒人品ing

1、WebSocket 相关 - WebSocket 是不是第三方组件？→ 不是，是浏览器原生 API；心跳是自己封装的保活机制。 - 基于什么协议？→ 应用层协议，底层 TCP，握手用 HTTP，传输用 ws/wss。 - 怎么保持长连接？→ TCP 本身持久连接 + 心跳包定时发送，防止网关 / 防火墙断开。 2、小程序 /uni-app 开发 - 是否上线？用什么技术栈？→ 微信小程序已上线，用 uni-app + Vue 开发。 - 布局方式：Flex / Grid→ 主要用 Flex 弹性布局，适配移动端最强；Grid 了解但项目用得少。 3、React Native 开发 - 是否...

面试时间：4.21下午3点 时长55min目前面试起来压力最大的一场，面试官基本没有什么反馈，少量八股，其他全是对项目的拷打和场景题，吓哭了1. 自我介绍2. 你说的打包技术指的是 Webpack 还是 Vite3. 你是前后端都开发吗，包括 Node.js 吗4. 讲一下浏览器里的宏任务和微任务5. 浏览器事件循环和 Node.js 事件循环有什么区别6. 看代码说答案：事件循环相关7. 强缓存和协商缓存有什么区别8. TypeScript 里 type 和 interface 有什么区别9. 项目中 type 和 interface 怎么选择10. 介绍一下 SSE 的实现11. SSE 和 WebSocket 有什么区别12. 为什么你的 AI 对话项目选择 SSE 而不是 WebSocket13. 你的多轮对话项目只支持文字，还是也支持图片修改14. 如果要支持图片加工创作，和纯文字对话设计上有什么不同15. 多轮图片编辑或多轮文字对话出现意图偏移，怎么优化16. 上下文过长导致语义偏移，工程上怎么优化17. 你的上下文摘要压缩策略是怎么做的18. 讲一下你虚拟列表的整体实现思路19. Markdown 安全渲染里怎么防止 XSS20. 为什么选择做后台管理系统这个项目21. 大文件分片上传是怎么实现的22. JWT 双 Token 登录机制是怎么设计的23. 怎么基于双 Token 实现单点登录24. 权限管理是怎么设计的25. AI 生成代码和你手写代码的比例大概是多少26. 看代码说答案：this 指向相关27. 严格模式下 this 的输出有什么变化28. 两道手撕：实现带最大并发数限制的 Promise.all，LC101 对称二叉树29. 反问

上周我面了字节、阿里、美团的前端岗，都过了。血泪经验总结成一句话：今年面试，懂AI的比懂React的更抢手。字节那轮面试，面试官问了我一个问题："你平时怎么用AI辅助前端开发？"我当时心想，终于到我擅长的领域了。因为我最近一直在研究Cursor做React组件开发，用AI生成TypeScript类型定义，还做过一个基于AI的组件库文档生成工具。结果面试官追问："你用AI生成的组件有做过性能优化吗？怎么保证AI生成的代码没有XSS漏洞？"这两个问题直接把我问住了。AI生成代码是快，但它不懂业务场景，不懂安全边界，更不懂性能调优。这些"后处理&qu...