字节前端二面-秋招面经

项目 八股 手写八股1.除加载时间外，还有哪些核心指标可用于评估页面性能2.如何评估卡顿问题​3.用 JavaScript 计算 FPS核心原理是什么​4.vw  单位含义是什么？与  px 、 %  有何区别​5.元素水平垂直居中还有哪些实现方案6.问了一个问答 分析同步异步执行顺序手写1画一个圆，直径固定页面宽度1/10 永远在页面正中间2实现输入框关键词联想功能（含联想、回填、空白处关闭列表）vue/react现场实现一个组件，通过 Axios 调用  auto_completion  接口​输入联想组件有哪些可进一步优化的点​前端核心的学习方式是怎样的

🎨 方案1：BroadCast Channel（对讲机频道）🛠️ 方案2：Service Worker（隐形邮差）📦 方案3：LocalStorage（共享小本本）👨‍💻 方案4：Shared Worker（共享办公室）🕵️‍♂️ 方案5-6：轮询侦查队（IndexedDB/Cookie）👨‍👦 方案7：window.open（父子悄悄话）🌐 方案8：WebSocket（专业电话线）🧩 方案9：SharedArrayBuffer（共享黑板）今天我们要去探索"跨标签页通信"这个神奇的乐园！🚀🌟 开篇小剧场：为什么标签页要"聊天"？想...

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，和之前的其他的技术三面感觉很不一样

1. 架构设计  2. 技术描述   3. 路由定义    路由 用途     / 首页推荐页面，展示个性化推荐内容   /discover 发现音乐页面，音乐分类和排行榜   /mine 我的音乐页面，个人歌单和收藏   /playlist/:id 歌单详情页面，显示歌单内歌曲列表   /player 播放页面，音乐播放控制和歌词显示   /search 搜索页面，音乐搜索功能   /profile 用户中心页面，个人信息和设置   /music-hall 音乐馆页面，精选内容和专题    4. 核心组件架构 4.1 音频播放管理 // 音频状态管理 interface AudioState...