字节tiktok测开一面面经

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

1.Web worker在你项目中解决哪些问题2.Web worker局限性，性能调研？3.虚拟列表怎么做的，原理4.Js基础类型5.引用类型怎么存储的6.输出结果，解释for(var i = 0; i < 10; i++){setTimeout((i) => {console.log(i);})}for(var i = 0; i < 10; i++){setTimeout(() => {console.log(i);})}7.计网七层模型，TCP，IP在哪一层8. IP协议有什么用9.子网掩码是什么意思10. ipv4 ipv6区别，ipv6中有子网掩码吗，ipv6前缀的作用11.ipv6是多少位的12. 操作系统死锁概念，四个必要条件13. 进程和线程区别14. 进程之间通信方式15.半双工含义16.虚拟dom原理17.fiber原理18. React 和vue区别19.react最新版本是什么，有什么更新20.手撕splice

二战字节，这次带着比较全的项目来战，但是没想到hr反手问的宽了不少，不知道能不能过c3相关1.grid，flex说区别2.追问flex能做的，grid做起来麻烦的情形，还有反过来问3.大型系统，多人编写样式难维护，项目里的css污染怎么避免的(这个点hr细问比较多)tsinterface和type两种定义，什么时候用type，什么时候interface，两个有啥区别，有什么是type能做，interface不能，反过来再说(这个蛮考基础)AI基础知识(不知道为啥九月没问ai，现在反而来问ai了)1.机器学习，深度学习，aigc的定义，联系2.讲一下mcp3.项目里怎么实现llm上下文的记忆?手撕:给定位数为n的数m，再给一个长度为j的数组k，找比m小，由k中元素组成的最大值(忘了点语法，说思路，hr觉得没问题)反问:问了部门业务，为啥问我ai基础(现在大厂好少再问传统八股了，项目里有ai的，一定要对ai相关比较了解才行

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