我是一位转专业的同学，我的本科和硕士都是读的交互设计。是从24年3月份开始系统学习前端的，因此面试过程中会涉及到一些交互和用户体验的问题。两天后收到一面通过通知，本次二面也持续60分钟。
这次面试是我感觉在场景问题上问得最有意思的一次，非常多的场景都是需要凭借自己对技术框架和底层的理解去回答，非常有意思。这些问题我也基本上有一个相对完整的回答，如果有同学对我其中某个问题的回答感兴趣也欢迎交流hhh
注：引用中的问题表示在上一个问题的基础上追问
面试内容
- 介绍一下你24年做的这几个项目
- 你目前写过的前端代码量有多少？大概多少行？
- 可以说一些能直接在浏览器里面运行的本地AI模型吗？
- TensorFlow有用过吗？
- 简单说说TensorFlow是怎么在浏览器中运行的
- PixelPerfect中的图片轮播组件你是如何制作的？
- 动画的部分是怎么实现的？
- 动画背后的原理是什么？
- 请你说说Figma背后可能使用到的技术栈，他们是怎么实现在前端进行复杂的编辑、跨平台和离线编辑的？
- Figma里面可以多人实时协作，你有哪些方案可以避免多人的操作冲突？
- 是否做过网页上的性能优化？说说你的具体实践
- 有用过Performance面板做性能优化吗？
- Performance有哪些信息，这些信息一般能看出什么问题？
- 在多图List加载和渲染中，你从理论推断觉得最耗时的什么部分？
- 多图List滚动的时候，是具体哪个阶段导致了卡顿问题（请求、排版、渲染还是其他？）
- 在滚动过程中会涉及到布局的重新计算吗？
- 请结合你维护旧项目的经验，说一个case看看你对软件架构设计上的实践和理解
- 为什么React会从大量前端开发框架中脱颖而出？
- React和React Native的关系是什么？
- 假设现在产品那边需要对一个产品添加数据埋点，你会有什么技术方案？
- 除了你说的方案（往制定的UI组件里面插入埋点的功能），还有其他的解决方案吗？
- 能不能用纯js写一个像Figma那样的网站？请说明判断原因
- 浏览器中还能用别的语言去写吗？
学习材料
想要参考我的学习材料的同学欢迎访问这个博客：【学习心得】前端学习材料分享（含八股文）
最后希望大家可以点赞关注一下，后续的面试内容我也会持续更新。如果大家有更好的材料，也欢迎在评论区中分享！
