前端面筋---字节一二三面（1.12 hr面）

一面（1.7 3.00 51min）

基础/学习类

1. 自我介绍
2. JS中异步的概念是什么？
3. 为什么JS是单线程还需要事件循环？
4. 栈内存和堆内存的差异？
5. 为什么数组要存在堆内存而不是栈内存？
6. JS中有哪些基本数据类型？
7. 函数内部的this含义是什么？
8. call、apply、bind的区别？
9. TypeScript联合类型和交叉类型的概念？
10. 平常怎么学前端的？

浏览器/网络类

1. 什么是同源策略？
2. 如何实现跨域请求？
3. 为什么代理可以绕过同源限制？
4. Cookie和Session的定义和差异？
5. Cookie是怎么种下的？
6. LocalStorage和SessionStorage的区别？
7. HTTP强缓存和协商缓存的区别？
8. 301和302状态码的区别？

CSS类

1. 设备像素和逻辑像素的区别？
2. CSS两种盒模型的差异

代码输出/手写类

1. 事件循环代码输出顺序题
2. React useState闭包陷阱题（点3次count是多少）
3. 如何改造代码让延迟1秒能拿到最新count？
4. 手写冒泡排序
5. 手写函数防抖 框架/工程化类
6. CommonJS和ESM的区别？
7. 前端路由两种模式及特点？
8. Git平常用哪些操作？

项目类

1. 项目中最有挑战性的部分是什么？

算法类

1. 两数之和

1个小时发二面

二面 （1.8 4.00 1h10min)

项目相关

1. 组织树二级节点卡顿问题的业务场景是什么？为什么会有这么复杂的节点？
2. 解决方案是自己实现还是用开源库？
3. i18n提效工具的key是怎么生成的？为什么取哈希前8位？
4. 增量代码还需要跑这个工具吗？
5. 为什么要做SSE监控SDK？不能基于Sentry做吗？
6. 埋点上报策略是什么？
7. 有做限流策略吗？
8. 没来得及发送的数据怎么处理？
9. 有实现管理端分析能力吗？

性能优化

1. 前端做性能优化有哪些手段？

JS基础

1. 原型链是怎么指向的？有哪些重要应用场景？
2. JS的继承是怎么实现的？
3. 事件循环是怎样的流程？
4. （代码题）事件循环输出顺序
5. ES6相对ES5有哪些重要新特性？
6. Promise有哪几种状态？
7. Promise有哪些常用方法及使用场景？
8. （手写）实现Promise.all

CSS相关

1. （手写）用单个div实现滑动开关组件

算法

1. （手写）找两个链表的交叉节点

4个小时发三面

三面（1.9 3.00 47min）

基础/学习类

1. 自我介绍
2. 3月份才接触前端，是什么机缘巧合？
3. 接触前端之后是怎么学习的？

项目类

1. 讲一下实习期间做的事情
2. 除了这个还有其他比较有代表性的项目吗？
3. 讲一下你做的类ChatGPT项目是怎么做的？

React原理类

1. 讲一下你对Fiber概念的理解
2. Fiber内部是怎么实现时间切片的？
3. React Diff算法复杂度是什么样的？
4. 复杂度是确定的还是会动态变化？
5. key是用来做什么的？
6. 如果没有设置key，算法复杂度是多少？

AI工具类

1. 平常会用什么AI相关的工具，怎么用？
2. 如果要进一步提升AI在code方面的效果，你觉得能做什么？
3. AI适合做什么，不适合做什么？

手写代码类

1. 算法题1： 对象id去重
2. 算法题2：判断一棵树是否是另一棵树的子树

1个小时发hr面

总结： 越往后八股越少， 项目和开放场景越多， 三面需要抓住面试官给的自由发挥介绍的空间， 这个感觉和快手二面特别像，开放地去展示自己。