字节Coze前端三面面经

1. 自我介绍2. 介绍一下项目及基础架构3. 项目拷打（大约20分钟、围绕简历提问）4. 性能优化怎么做的（大约20分钟）性能优化会从性能指标到阶段分析到优化细问5. JSBridge和客户端底层怎么进行通信的6. Ts的keyof、tyoeof、泛型、装饰器；ts在前端工程化有什么作用呢7. JS基础数据类型、通过哪些方法可以判断一个变量是数组类型？（问了5种方法）8. 做移动端的时候怎么保证视觉的还原度9. 如果视觉走查的某个视觉问题反复调整都无法完美还原怎么解决10. AI视觉稿转代码详细说说11. 为什么移动端上图片会展示模糊呢？12. DRP对图片渲染模糊有什么关联13. 移动端的动画选型和动画类型14. 有没有自己使用过canvas做一些绘制或动画渲染呢？15. js驱动的动画遇到卡顿怎么优化和处理呢16. 重绘重排在渲染层为什么会有不同的性能影响17. React的常用hooks；18. React对比直接使用js有什么提升？19. React18之前的版本对比React18有什么不同20. 服务端渲染ssr、rsc与csr的对比；水合失败会怎样21. http 0.9, http 1.0 ,http 1.1， http2，http3的区别，队头阻塞在各个阶段的问题和解决方案22. TCP vs UDP，介绍一下TCP的慢启动，强缓存+协商缓存23. csrf xss24. 加密方式了解哪些，介绍一下对称加密，非对称加密25. 日常怎么使用AI的，在工作中有哪些提效26. 两道题26.1. 手写数组的flat方法26.2. 手写一个PromiseAll，写完后顺便问了Promise的其他方法

讲一下react性能优化的手段，从大一点的方面 前端开发过程中怎么定位到哪个环节有性能问题 FCP是怎么计算的 useMemo useCallback ，这俩可以解决大部分问题吗 esModule 和commonJS 区别 为什么treeshaking 一定要使用esModule 介绍一下浏览器输入url到渲染页面的流程 重排和重绘有什么区别，从渲染策略上说明 浏览器缓存机制 目前前端都是单页面应用，html，js，css怎么设计其缓存策略最优 js中怎么准确判断变量类型，instanceof 原理 一个数据的原型是什么，怎么看他的原型 原型和原型链有什么区别 原型链终点是什么 介绍一下事件循...

项目 八股 手写 1h20min八股1. pnpm 与普通 npm 之间的区别。2. 是否听过“幻影依赖”手写嵌套数组异步累加的代码，是否有比基础思路（reduce 结合 Promise）效率更高的实现方法。答：分块累加现场实现追问询问嵌套数组分块并行累加的思路与哪种排序算法相似

一面1h 1.自我介绍、实习 2.js数据类型 3.手撕:this输出、超时重试指定次数 4.输入url开始、link和script放的位置5.React的hook、fiber 6.Vue和React 7.登录、OAuth28.redis为什么快、SDS、协程 9.平时怎么学习 10.Lynx实现原理、Garfish怎么隔离的 11.反问 二面70min 1.项目、实习 2.http1.1、2.0、3，性能差异 3.事件循环 4.React Scheduler 5.最新React优化 6.浏览器缓存、Service Worker 7.AI怎么用的?RAG、coze、dify、对开发的影响8.手...