字节前端一面凉经

部门是中国交易与广告，感觉问了好多延展性问题，尤其场景题，答得支支吾吾的，感觉自己一直在打太极，面完过了两天果然挂了，到现在还没被捞起🥹1. 按照惯例，简单做个自我介绍吧。2. 刚刚提到对前端比较感兴趣，能具体说说原因吗？主要对哪一类的项目更感兴趣？3. 简历上的两个项目，你想先拿哪一个出来聊一聊？4. 做 Chat 这个项目的主要动机是什么？是想做练手项目，还是想探索一些特定技术？5. 在做 Chat 项目的过程中，有遇到过什么比较有挑战或卡点的问题吗？6. 遇到解码乱码这个卡点问题时，大概是怎样去解决的？7. 针对不同语言（如阿拉伯语从右到左书写、UTF-8 编码字节数不同等）在解码过程中的特性，是否有做更深层的探索或思考？是否有了解过开源社区解决此类多语言问题的通用方案？8. 在 Chat 项目中，还有其他类似的技术挑战或亮点可以分享吗？9. 项目里设计的缓冲区，有考虑过设置大小限制防止内存占用过大吗？10. 自己实现的组件与开源社区成熟的组件相比，有什么区别？还有哪些改进空间？11. 了解受控组件和非受控组件的概念吗？12. 作为 UI 库的开发者，在什么场景下应该使用受控组件，什么场景下该用非受控组件？能具体举例说明吗？13. 如果去实现一个 Editor（编辑器）组件，它应该是设计成受控的还是非受控的？14. 作为一个开发者，当你在 NPM 上找一个 React 编辑器组件来使用时，你期望它的用法是怎样的？你会想去强控制它内部的各种输入状态吗？15. 手写：flatten 函数，将多层嵌套结构的数组拍平为一维数组。16. 手写：reduce 方法，要求功能与原生的 reduce 完全一致。

真是一场苦战，索性该答的都答了个七七八八加粗的是没答上来的Reconciler 如何遍历 fiber 树（先序遍历）为什么要这么设计（这我上哪知道了）DOM 树和 fiber 树的区别diff 算法是怎么比较新旧两个树的（还没学到 diff 算法呢）浏览器从拿到渲染树以后都经过了哪些阶段（布局→分层→分块→光栅化→直接显示（其实是合成））为什么光栅化要由 GPU 去做（GPU 擅长光栅化的操作）为什么会这样呢（疯了吧问这个）Webpack 和 Vite 有什么区别Vite 打包用的什么（我想也是 ESM 吧）ESM 和 CJS 区别（提到同步导入和异步导入）微任务队列和宏任务队列都是什么任务循...

1. 讲一下进程和线程2. 举个例子，说了浏览器一个tab一般是一个进程，里面有很多的线程组成，比如js主线程3. 两个进程之间如何通信？ 说了C语言的socket用网络或者用pipe4. 强缓存和协商缓存5. 代码题：蛇形打印树（用BFS，口述DFS说平时一般做这种题bfs多一点，递归不太熟悉）6. css居中，说了flex，grid，absolute，fixed，transform这些7. 判断两种盒模型的结果8. 一道异步输出判断9. var输出判断var a=1function b(){a = 10returnfunction a(){}}b()Console.log(a)10.版本号排序反问1. 业务 2. 技术栈？react 3. 面试表现

全程大概是45分钟，面试官非常的和善，提问的时候会把自己的问题讲的很明白，会复述你的回答，double check问答是否有理解错误，感觉考察的是对于整个项目的了解程度，而不是简单的问你使用到了什么技术，所以还是要深挖自己的简历自我介绍实习项目穿插着八股1、登录页面怎么做的2、后端传过来的jwt存在哪里为什么放在cookie里，放在local storage里怎么携带的3、sessionStorage和localStorage有什么区别4、除了这种缓存还有其他的缓存手段（我答了协商缓存、强缓存）5、协商缓存和强缓存下浏览器的请求行为，协商缓存的相关字段+状态码6、大文件上传怎么做的7、为什么要...