字节前端实习一面

最近很多27找实习，大部分面试会问一下flex布局这种基础前端问题，上周有同学反馈蔚来一面有出过，所以小圆不仅整理了flex还整理了grid方便学习以及比较。在现代前端开发中，CSS 布局系统的核心已从传统的浮动与定位，逐步过渡到 Flexbox 与 Grid。这两种布局方案在现代浏览器中均得到广泛支持，它们在理念上有明显差异，也各自适用于不同的布局场景。本文将系统梳理两者的特性、差异与应用边界，为开发者提供实践层面的参考。一、布局理念对比特性维度FlexboxCSS Grid布局维度一维布局（单行或单列）二维布局（行与列）主轴与交叉轴主轴控制方向，交叉轴自动调整行列均可精确控制子元素排列根据...

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的其他方法

简而言之：两轮都是“开放性面试”，基本都是很宏观的开放问题……一面 10.22 50min面试官人很好 除了基础知识，其他的时间都在主动发掘我的长处，点个大赞react有哪些组件传值方式为什么实习项目用了zustand状态管理zustand等状态管理和useContext有什么区别？（性能上、使用上）coding：手写一个简易的 Store 状态管理类，实现 getStore、create、dispatch 三个方法XSS、CSRF有没有了解？防范？前端有哪些缓存？跨域的原因和解决方案你对前端领域哪一块感兴趣？例如跨端、性能优化、前端工程化、大前端、前端+AI……（我回答了性能优化、AI）你做...

拿到书面offer前都不要提前高兴一周前三面结束，所有材料都交了，口头offer也给了，结果昨天下午发短信通知说内部审批没通过哎，只能说积累经验了