我是一位转专业的同学，我的本科和硕士都是读的交互设计。是从24年3月份开始系统学习前端的，因此面试过程中会涉及到一些交互和用户体验的问题。虽然上次字节的用户增长部门二面挂了，但是我还是非常希望可以加入字节。因此最近又投了字节其他的部门目前正在面试中，这次一面持续了60分钟。
注：引用中的问题表示在上一个问题的基础上追问
面试内容
- 自我介绍
- 你PixelPerfect的这个项目是多少人去做的？
- 你们的网站在哪些方面做了用户体验的优化，以及什么地方的交互会比较友好？
- 你的项目中提到了数据持久化，那么把数据持久化的时候需要考虑哪些问题呢？
- 你的项目中提到了数据持久化，那么把数据持久化的时候需要考虑哪些问题呢1
- 浏览器自身的缓存机制有哪几种呢？
- 浏览器的LocalStorage有没有大小限制？如果超额了会怎么样？
- 如果说需要对图片数据进行持久化，你会选择什么样的方式？
- 在进行数据持久化的时候，在数据方面你会有什么考虑？
- 在数据安全方面会有什么考虑吗？
- 使用CDN加速的时候，服务提供商的域名和项目的域名是不一样的，那这种情况下需要怎么处理跨域问题？
- 我刚刚登录了PixelPerfect这个项目，网站刷新之后需要重新登录，如果用户反馈这个问题，你会怎么解决？
- 为什么当时开发的时候是把登录状态放在Redux中管理，而不是一步到位实现登录的持久化呢？你的决策考虑是什么？
- 在历史图片功能里面，大量图片在加载的时候会出现卡顿的问题，这个场景你有什么优化方案？
- 你了解哪些图片格式？
- 说说WebP、PNG、JPG格式的区别？
- JPG里面还细分什么子格式吗？
- 我们在JPG中常用的两种格式（他们的加载方式有所差别）
- 为什么选择React，选型的依据是什么？
- 在后端Node.js中编写js代码和在前端中编写js代码有什么区别？
- 宏任务和微任务的区别？
- 微任务是在什么时候执行？
- 节流和防抖是什么？在什么场景会用到？
- 算法题:对一个单链表进行反向输出
学习材料
想要参考我的学习材料的同学欢迎访问这个博客：【学习心得】前端学习材料分享（含八股文）
最后希望大家可以点赞关注一下，后续的面试内容我也会持续更新。如果大家有更好的材料，也欢迎在评论区中分享！
