2024.08.21字节前端一面

1、自我介绍
2、介绍项目，干什么的，项目有多少人，负责什么模块。
3、负责的模块用到了技术难点。
4、babel国际化插件怎么匹配中文的？
5、中文里含有变量是怎么处理的。
6、国际化之后对UI有什么影响？你是怎么处理呢？怎么做到自适应的，有些国际化很长的文本怎么处理?
7、国际化转化速度你怎么优化的？
8、这套国际化方案能更通用化吗？不止你这个项目上。
9、不同语言的文件怎么存储的？本地？还是CDN？（我放本地了）
10、存CDN有什么弊端？放本地岂不是每改一次都要发版？
11、有什么办法能做到云端修改？
12、文件上传组件只是在本模块中使用吗？
13、这个组件在设计上考虑的什么点？
14、文件的分片的原理？需要和后端做什么约定吗？
15、你是在js运行时转成blob处理的，性能上有什么问题吗？有办法处理吗？
16、请求并发控制数量可以在组件中配置吗？那如果是配置的数量到了浏览器并发上限，页面上其他请求会受影响是吗？
17、浏览器什么条件下会限制请求并发个数？
18、文件上传错误怎么处理的？
19、我上传的时候关闭页面，再打开上传，你怎么处理？
20、作为通用组件，对外推广的时候，文件服务是统一的吗？
21、项目中还有什么亮点我们没聊到吗？
22、看板实时数据怎么实现的？
23、SSE介绍下。为什么用SSE。编码怎么实现的？
24、大屏会有很多图表的，性能有做监控和优化吗？
25、性能怎么监控的？具体指标优化了多少？
26、JS事件机制。输出题
console.log('script start');

setTimeout(() => {
  console.log('timer');
}, 0)

new Promise(() => {
  console.log('promise');
  resolve()
}).then(() => {
  console.log('promise 1');
}).then(() => {
  console.log('promise 2');
})

console.log('script end');
27、react的可中断渲染，介绍下Fiber架构，怎么更新的？
输出题：input中的值从1变到2，text渲染是什么值？
const App = () => {

  const [value,setV] = useState(0);
  const useText = (value)=>{
    const text = useRef();

    useEffect(()=>{
      text.current = value;
    },[value])
  }
  const text = useText(value)

  return (
    <>
      <input onchange={()=>setV(v)} value = {value} }/>
      <div>{text}</div>
    </>    
  )
}
28、useEffect和useLayoutEffect什么区别？我上面改成useLayoutEffect渲染值会有变化吗？是多少？
29、为什么是这样更新的？两种情况都讲一下？
30、代码题：给一个扁平数组，将它转化为树形结构的数据。