字节前端（豆包）面试

1.骨架屏的原理优势以及效果2.Ant Design中的spin和skeleton组件原理3.流式对话的实现原理4.在AI的项目中如何实现用户的权限管理5.操作权限怎么实现6.多模态AI工具调用在工作中和生活中的影响7.你对AI代替前端的看法8.知识库文件解析预览的性能优化9.Ragflow和Dify的区别10.平时针对前端如何学习11.大模型Function Calling的函数如何调用的问了很多AI相关的，项目也问了很多

最近很多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学校双选会线下见到的一家，牌子上写了收前端开发所以投了，薪资未知网上消息也很少。本来快忘记这件事，突然有hr联系。面试平台是微信视频电话...问题：自我介绍介绍一下Typescript的装饰器（真没用过，然后被问那你知道typescript吗，知道什么...）对node了解到什么程度，介绍一下node的事件循环，跟浏览器是什么区别前端性能优化方案，用过哪些为什么学react, 学过vue吗http和https在浏览器输入一串url，后续流程说说webpack和vite的区别大概半小时，最后面试官说基础知识是过关的，但是没回音，总之看运气吧，算是一种练手。