面试时间：4.22下午3点 时长1h道心破碎了，对项目进行非常深度的拷问，还考了性能监测这一部分，以及一个音乐播放的场景题，全程基本无八股无手撕，最没有悬念的一次面试，g的不能再g，基本上考的都是我没有了解的知识，反问我直接问前面的答案了，还是太菜了，录音还忘记录了，算了反正也不敢听1. 自我介绍2. 虚拟列表怎么实现的3. 一道性能指标采集代码找错误，力竭了，根本找不出来，根本没了解过这部分知识4. 文件上传是怎么实现的5. 大文件分片上传时，计算 5MB 分片 MD5 大概要多久6. 如果文件很大，计算完整文件 MD5 很耗时，有什么性能优化方案7. Web Worker 在大文件 MD5 计算里能怎么用8. 服务端保存所有分片索引和分片文件，会不会导致碎片文件越来越多9. 分片合并完成后，服务端临时分片目录应该怎么清理10. 如果清理了分片，下次上传同一个文件还能不能做分片级别的秒传11. 秒传应该基于完整文件 hash 还是分片 hash12. 服务端怎么设计分片管理，才能避免既存完整文件又存所有分片造成空间浪费13. 如果两个文件部分分片相同、整体文件不同，怎么判断和复用分片14. 歌曲列表页点击歌曲后，如何打开一个独立播放页15. 如果播放页已经存在，列表页怎么通知已有播放页切换歌曲16. 怎么判断播放页是否已经存在或是否被关闭17. 如何用 LocalStorage 实现跨页面通信18. 如何用 LocalStorage 实现页面间心跳检测19. LocalStorage 轮询方案有什么性能问题20. 除了 LocalStorage，跨页面通信还有哪些更好的方案21. postMessage 和 Service Worker 怎么用于跨页面通信22. 歌曲列表中大量图片加载时，如何先展示占位图23. 图片加载成功后怎么切换为真实图片24. 图片加载失败后怎么展示失败图25. 如何通过图片的 load 和 error 事件判断加载状态26. 你接触过 React Native 或 Flutter 这类跨端技术吗27. Vite 相比 Webpack，为什么开发阶段启动更快28. Webpack 能不能也配置成使用 ES Module29. Vite 的热更新 HMR 是怎么实现的30. WebSocket 和 SSE 有什么区别31. 反问