TMEqq音乐前端暑期二面

面试时间：4.22下午3点 时长1h

道心破碎了，对项目进行非常深度的拷问，还考了性能监测这一部分，以及一个音乐播放的场景题，全程基本无八股无手撕，最没有悬念的一次面试，g的不能再g，基本上考的都是我没有了解的知识，反问我直接问前面的答案了，还是太菜了，录音还忘记录了，算了反正也不敢听

1. 自我介绍
2. 虚拟列表怎么实现的
3. 一道性能指标采集代码找错误，力竭了，根本找不出来，根本没了解过这部分知识
4. 文件上传是怎么实现的
5. 大文件分片上传时，计算 5MB 分片 MD5 大概要多久
6. 如果文件很大，计算完整文件 MD5 很耗时，有什么性能优化方案
7. Web Worker 在大文件 MD5 计算里能怎么用
8. 服务端保存所有分片索引和分片文件，会不会导致碎片文件越来越多
9. 分片合并完成后，服务端临时分片目录应该怎么清理
10. 如果清理了分片，下次上传同一个文件还能不能做分片级别的秒传
11. 秒传应该基于完整文件 hash 还是分片 hash
12. 服务端怎么设计分片管理，才能避免既存完整文件又存所有分片造成空间浪费
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 Module
29. Vite 的热更新 HMR 是怎么实现的
30. WebSocket 和 SSE 有什么区别
31. 反问
#发面经攒人品#