项目介绍:
一款音乐播放器的移动端网页版本。
功能模块:
轮播图,滑动切歌,左右滑动列表,底部播放器,进度条拖拽,收藏,MV视频,搜索等功能模块。
负责内容:
我负责首页,底部播放器,播放页,底部播放器,搜索功能模块。
1.该项目是用vue脚手架配合vant UI进行构建的。
2.使用路由卫士,配置路由拦截,可根据后端返回的登录数据,针对登录角色,实现动态路由加载,路由拦截,以及内容的重定向。
3. 使用双向绑定实现滚动条拖拽,同时通过节流函数控制 audio 的 timeupdate 事件,减少性能损耗。
4. 首屏渲染使用路由懒加载,增加用户体验。
5. 通过 Pinia 公共管理 axios 请求回的数据并解耦存储,实现搜索、播放详情等页面的预加载,减少用户的等待加载时间。