Quantcast
Channel: CNode:Node.js专业中文社区
Viewing all articles
Browse latest Browse all 14821

vue全家桶系列之网易云音乐(仿安卓移动版)

$
0
0

网易云音乐(移动版)

  • api来源(感谢Binaryify不断更新的网易云音乐接口,这也将是这个项目不断拓展下去的坚实依托)
  • 源码地址
  • 项目预览(web端在chrome调试模式下效果更佳)
  • 项目所提供请求地址希望仅供预览使用,项目后台已加入pm守护之光,如果有需要也可以直接调用,当然,因为接口不断变化,开发建议尽量使用api最新代码,配置本地服务器代理。

项目描述

前端

  • 选用Vux作为UI框架,诸如滑动,轮播等组件即在此基础上进行定制,交互效果也尽量依托于vux,减少重复开发
  • 基于Vue2,Vue-Router实现单页面应用
  • 利用Vuex进行组件间的状态管理,实现非父子组件之间的通信

后端

  • 生产环境下,服务器端同源解决请求代理
  • 开发环境下,通过反向代理解决跨域问题

UI

  • 刀耕火种,通过手机截图,像素眼比较,当然,最后还是跟着感觉走了

已完成

  • 网易云(轮播,推荐歌单,独家放送,推荐MV,网友精选歌单(最新,最热),排行榜)
  • 搜索(热门搜索,搜索结果包括单曲,歌手,专辑,歌单,用户及其滑动切换)
  • 播放页面(歌词,碟片切换)
  • 歌手,专辑,歌单,用户等详情展示
  • 音乐播放功能(切歌,播放列表,播放进度显示)

放一波效果图 发现搜索详情测试歌词图片就到这里,more

计划(接下来)

1.MV播放,快要完成了,估计会连同评论在这周发布新版 2.“我的”争取还是做出来吧,尽管可能没人敢用 3.完善各个页面的功能吧,持续优化 4.抛砖引玉,向社区的大伙学习ing

最后!!!!!

1.感谢github,感谢同样在分享的你,让我能站在巨人的肩膀上 2.感谢Binaryify对接口文档的不断维护与更新。 3.部分小伙伴遇到的问题已在segmentfault中回复 到这里,欢迎大家提issue,pr,star,如果喜欢可以watch,每周应该都会有些小更新


Viewing all articles
Browse latest Browse all 14821

Trending Articles