蚂蚁前端开发一面纯八股文

小厂也可以去啊，而且现在的大厂不都是由小厂发展而来的，所以不要过于纠结这个，没大厂的机会那就去小厂，不管大还是小，能学到东西的，能进步的就是好厂啊

如何实现一个三角形？原理：border在前端 CSS 里，要把方块转变为三角形，主要借助边框属性来实现。下面为你介绍具体的实现方法： .triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid #3498db; } 实现方法原理：元素的border是由三角形组合而成宽高设为 0：把元素的宽度和高度都设成 0，这样元素本身就不会占据空间。利用边框：通过设置不同方向的边框，让它们相互叠加，从...

面试时间：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. 反问

第一次二面，面试官依旧情绪价值很足，只可惜每到面试的时候才发现项目准备的还不够，手撕部分sql忘完尬了好长时间，算法用回溯暴力解了。 前面是专业和实验室项目的一些问题。SSE 与 WebSocket 有什么区别？为什么在这个场景选择 SSE？在项目中采用策略模式和模板方法模式，各自的用途和目的是什么？缓存预热、布隆过滤器、分布式锁分别应对什么场景和问题？查询场景下会有并发安全问题吗？分布式锁能彻底解决并发安全问题吗？分布式锁的超时时间如何设置？什么情况下需要做分库分表？单表数据量达到多少时 IO 次数会增加？原因是什么？高并发但数据量未达到分表阈值时，是否需要分表？高并发下数据库应如何应对？主...