背景: 本人大二在校生,学习前端半年,使用vue全家桶仿写iOS的网易云音乐app练手
如果您发现有什么问题或是有什么想法,欢迎issues和PR
如果您觉得这个cloudmusic还算不错,欢迎star,非常感谢您的认可和鼓励
vue2.4 + vue-cli3 + vue-router + vuex + axios
vue-lazyload: 实现图片懒加载
fastclick: 解决移动端点击300ms延迟
克隆项目
git clone https://github.com/DangoSky/cloud-music.git
安装依赖
npm install
开发环境运行
npm run serve
生产环境构建
npm run build
- 网易云音乐app的五个模块()
- 基本的播放暂停、上下一曲
- 播放顺序调整、进度条拖拽
- 歌词滚动
- 音乐搜索
- 推荐歌单
- 推荐MV
- 增删改查歌单(使用localStorage存储,右滑可以删除歌单或将歌曲移出歌单)
- 查看歌曲评论
- 用户登陆
- 查看动态
······
因手头任务需要,cloudmusic的开发暂告一段落,等以后有时间再继续开发新功能
使用的是学生服务器,带宽较小,初次体验可能会加载得比较慢
在线体验(PC端推荐使用chrome或firefox预览)
(推荐使用Android手机微信扫码预览,暂不支持iOS播放)