我是一位转专业的同学，我的本科和硕士都是读的交互设计。是从24年3月份开始系统学习前端的，因此面试过程中会涉及到一些交互和用户体验的问题。
本次四面持续50分钟。整体上还是围绕项目来说，后面面试官重新问了一些基础八股。
在系统上我已经进入了HR面，但是HR和我安排四面的时间。HR的说法是他也不清楚为什么还有四面，因为我的流程是按校招走的，所以需要四轮技术面。不知道有没有懂的朋友可以解释一下...
注：引用中的问题表示在上一个问题的基础上追问
面试内容
- 自我介绍
- 介绍一下你觉得自己最好的项目
- 你是怎么实现虚拟滚动的？
- 虚拟滚动在快速滚动的时候会不会出现掉帧的问题，为什么？
- 如果图片的高度不一致，怎么办实现虚拟滚动？
- webp的兼容性怎么样？
- 如果用户的设备或者浏览器版本不支持webp怎么办？
- 说说对小程序的理解
- H5和小程序的区别
- 你项目里有一个涉及node的，你对node的理解有多少？
- 说说CSS position
- 如果某个组件只使用了absolute没有用relative会发生什么？
- absolute的定位原则是什么？
- 如果在relative里面加上top和left会怎么样？
- 有哪些方式可以实现两列内容，左右分开对齐？
- inline-block可以吗，怎么实现？
- 有哪些方式可以在网页里面显示图片或者icon？
- 说说BFC
- 什么情况会触发BFC，怎么避免这个问题？
- 怎么规避样式污染？
- 根据你的理解说一下，module.css怎么实现css代码只能在局部生效
- 了解Vue吗？
- 在js里面有哪些方式可以去发起网络请求？
- 有哪些方式可以去提升网页的性能？
学习材料
想要参考我的学习材料的同学欢迎访问这个博客：【学习心得】前端学习材料分享（含八股文）
最后希望大家可以点赞关注一下，后续的面试内容我也会持续更新。如果大家有更好的材料，也欢迎在评论区中分享！
