字节前端二面

面试官人真好，真的感觉面试官对面试体验的影响好大1.webpack和vite区别，啥场景使用什么2.打包工具咋做代码体积、按需引入的优化?代码里怎么写3.react.lazy底层是怎么实现的，什么原理配合suspense使用的原理是什么?4.动态导入的话，编译后的代码是啥样的?5.script动态加载，defer async都是千啥6.preload prefetch属性有了解吗7.性能优化指标8.useMemo, useCallback React.memox别与联系9.父子组件什么场景用到性能优化方式?10.usehook usestate每次执行，怎么记录之前的状态的?11.fiber的作用，怎么实现空闲时候调度的12.怎么实现多页面通信?13.MessageChanel和BroadcastChannel

1.项目介绍2. 你参与的那个xx系统，如果这个系统后期要支持多租户，你觉得前端这块怎么改动会更合理3. Vue3 的 Composition API setup() 里响应式丢失是什么原因，怎么解决4. 用了 Pinia 做状态管理，在模块之间的通信怎么处理5.我看你项目里用 GRBAC 做权限控制，那我问你一个场景：如果权限在使用过程中发生变更（比如一个用户的角色被删了），你这边怎么清理掉他之前加载的权限路由6. 看你做了双 token 无感刷新，如果 refresh token 也失效了，但你这时挂起了一堆请求，刷新失败了，怎么处理7. 你提到你们公司做系统集成，那如果你要集成一个船上的摄像监控系统（第三方页面，但它不能改代码，只能iframe嵌进去，而且还要求根据用户权限控制展示内容，你会怎么处理8. 有这样一个场景：如果你从多个系统的 API 拉数据，但这些系统的数据结构不一致，比如 A 系统返回 camelCase、B 系统是 snake_case，还有一些是中文 key，你怎么统一数据结构，来复用9.如果让你来你现在负责一个项目，有20+个页面，需求方经常改字段、加字段，你每次都要改组件，这个时候你怎么来设计10. 如果你要做一个拖拽式仪表盘Dashboard用户呢能自己拖拽、组合图表组件展示不同数据源的信息，你会怎么来设计这个系统11. 看你做了一个公交大屏项目，项目里画车辆轨迹，那如果现在一个页面要同时展示 300 辆车的实时位置+轨迹，你怎么来优化12. 地图中你是怎么处理车辆轨迹“绕圈走”的情况的？比如一个车在原地掉头、拐弯，但 GPS 连续记录了好几个点，那肯定你的轨迹图就会一堆锯齿，怎么来做呢13. GeoJSON 有哪些字段？你在做行政区边界展示的时候，做过数据裁剪吗？如果只展示“浦东新区”这一个区的数据，你怎么只加载它？14.怎么处理 WebSocket 的多连接问题？比如你一个页面要同时订阅车辆位置、报警事件、设备状态，怎么复用，保证不丢数据15. 有没有处理过图表/地图上的数据级联问题？比如点击图表某个项目，地图跟着联动展示，这块怎么处理的16.手撕：给定一个整数数组 nums ，找到一个具有最大和的连续子数组，打印该子数组并返回其最大和。17.反问

日常实习 1、自我介绍2、面试官介绍部门业务3、介绍其中一个项目的流程4、该项目中某一环的逻辑5、tcp三次握手四次挥手6、http缓存7、懒加载预加载8、性能优化9、手撕：判断链表中是否有环10、手撕：面试官提示了用回溯做11、反问面试官不是前端开发，还有两面，所以这一面主要问算法。但毕竟是实习，代码题还算简单

11/20 火山引擎一面如何选择学习前端的学习前端过程中的感受学习过程中一些自己解决得比较有难度，比较有成就感的事页签为什么不用第三方库，和你自己做的区别是什么不同页签之间的 url 相同吗如何区分不同页签的（动态路由参数）说一下你对 websocket 的了解Websocket 如何拿到历史消息说一下文件在服务端被 ai 解析的大致流程，涉及到了哪些技术平时有用一些 ai 工具吗介绍一下双 token 无感刷新的原理请求出错时如何处理为什么不用单 token，直接延长 token 有效期不行吗为什么不全部存在 cookie 里Http 状态码有哪些500 系列一般代表什么如何处理跨域Cors 能设置哪些字段，能设置什么维度的跨域，除了域名还能设置什么什么是组合式 api，有什么好处虚拟 dom 是什么为什么一些框架的最新版在尝试去掉虚拟 dom实现一个 event 类Js 编码二叉树的实现与遍历Js 闭包应用手写11/27 火山引擎二面自我介绍接触前端时间，怎么学习的介绍一下项目，包含业务场景介绍一下技术难点介绍一下基于 websocket 的库的选择你提到了自己封装了 websocket 类，和这些库的区别是什么描述一下这个类主要的功能和 apiStomp 和 websocket 的区别是什么从网络协议七层模型上看的话，stmop 位于哪一层Tcp 和 udp 的区别Stomp 支持二进制数据传输吗还了解别的类似 stmop 的协议吗知识库用到了 rag 吗介绍第二个项目有用到微前端吗你提到了多页签功能，页签之间的隔离怎么做的权限控制的力度是怎么样的，做到了什么层级登陆怎么做的，基于 sso 还是 oauth介绍一下你了解的 oauth 的底层原理登陆态是如何保存的Jwt 的优势是什么Keep-alive 的底层原理是什么讲讲泛型判断一个变量的类型有多少种方法Promise 有多少种状态Promise all 和 race 的区别Race 的第一个失败了怎么办，会执行第二个吗，返回结果是什么前端的网络安全了解 csp 吗说一下对前端工程化的理解前端有哪些性能优化的手段了解 webpack 的 model federation 吗最小子数组和（不要求时间复杂度）实现一个 event 类12/02 字节火山三面自我介绍介绍部门业务，商业化逻辑自己的规划是什么样的介绍学生干部经历，比赛经历如何激励同学们参加学生活动的比赛中团队做了什么，自己做了什么事你觉得你们的比赛课题有实践前途吗复盘的话后续有哪些可以优化的点讨论比赛项目前端当中，做的那些事对个人成长帮助比较大说一下产品形态和技术方案这个项目是你从 0 到 1 去做的吗你刚开始的时候是如何设计代码框架的为了保证项目的扩展性，做了哪些抽象详细介绍业务拆分逻辑，一直往下拆分的话会到什么程度一个比较完整的技术方案需要包含哪些内容如何确保工程稳定性，怎么选择一个好的技术栈做业务的时候涉及到了哪些，技术栈当中有没有需要提前确定的部分什么时候开始学习的前端有什么快速学习的方法吗工作过程中，你喜欢和不喜欢和拥有什么特质的人合作针对不喜欢的人如何共处你会去做 final call 吗，强行做决定可能有哪些问题反问秋招最后的面试了，拖了好久的面经一直懒得写，但看起来有不少同学应该用得上，还是写出来了，字节的三面确实会更注重考察候选者的个人潜质和 leadership，和之前的其他的技术三面感觉很不一样