面试官人挺好的，问了超级多，面了差不多有四十分钟，就单纯问项目和八股，以及结合项目拓展的一些场景

八股如下：

1. CSS中position有哪些取值
2. absolute是相对于什么进行定位的
3. CSS中除了px还有哪些单位
4. flex布局常用属性有哪些
5. 箭头函数和普通函数的区别
6. 解释事件循环机制，微任务包括哪些，宏任务包括哪些
7. 如何保证页面动画的流畅性（CSS动画和JS动画）
8. 浏览器存储数据的方式有哪些
9. localStorage和sessionStorage区别
10. 两个页面的sessionStorage是互通的吗
11. 同源策略是什么，为什么需要这个
12. HTTP和HTTPS有什么区别
13. GET和POST请求区别
14. canvas元素了解吗，如何用它实现图片编辑
15. WebSocket有什么缺点
16. 服务器推送还有什么方式，SSE有连接数限制吗

项目相关问题如下，其实还包括面试官结合项目问的一些场景问题：

1. 做项目时有参考其他项目吗，功能设计是如何完成的
2. 图库项目的协同编辑功能是如何实现的
3. 如果不使用WebSocket可以实现协同编辑时多个用户的图片状态一致吗
4. 图片裁剪、旋转功能是如何实现的
5. 如果让你实现一个第三方库，你会怎么做
6. 项目中使用了Pinia，保存的用户登录态是什么数据类型
7. 怎么让后端知道当前用户身份
8. Cookie安全吗，不安全的话有什么替代方案
9. token放在哪里传输
10. 如何控制文件是下载还是预览

后面就问的是一些比较轻松的话题：学习前端遇到过什么问题没有。使用ai辅助编码的经验，是直接给他需求还是精细化自己的功能需求再让ai编码。除了前端技术，还关注哪些编程知识。如何看待前端岗位的未来发展。未来计划深入学习的三个方向。如何快速接手一个已有项目。