字节前端一面

有无面过的字节的佬说说 这个部门的前端大概率会面什么内容 有点焦虑 主要是没什么资料能搜到

想问下有没有接这个后端/前端岗位of的同学，体验怎么样哇

1.实现react的useEventfunction useEvent(fn) {// 实现}function Demo () {const [s] = useState(1)// 返回值onEvent是函数，且是稳定的值// log输出中，s永远输出的是最新的s的值const onEvent = useEvent((a, b) => {console.log('cb', a, b, s)})return (<XX onEvent={onEvent}>{s}</XX>)}2.类名压缩// 压缩CSS类名，你给一个函数，接受传入的元素的class的值。然后压缩返回。需要做到多次调用不重复，全局唯一。// 希望预期的是，对于所有的class的名字，都可以按照最短输出。例如 class-a -> a class-others -> b// 当足够多之后是如 aa ab 这样的值function optim (classNames) {}console.log(optim('class-a')) // 'a'console.log(optim('xx')) // 'b'console.log(optim('class-a')) // 'a'console.log(optim('class-a  xx class-ee')) // 'a b c'

部门是中国交易与广告，感觉问了好多延展性问题，尤其场景题，答得支支吾吾的，感觉自己一直在打太极，面完过了两天果然挂了，到现在还没被捞起🥹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 完全一致。