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

网易云音乐(移动版)

  • api来源(感谢Binaryify不断更新的网易云音乐接口,这也将是这个项目不断拓展下去的坚实依托)

  • 源码地址

  • 项目预览(web端在chrome调试模式下效果更佳)

  • 针对segmenfault类app暂时无法有效预览的问题,建议粘贴http://118.89.226.181:8080到手机其他浏览器体验

  • 项目所提供请求地址希望仅供预览使用,如果在开发过程中调用,可能会引起服务崩溃,本地开发建议参考api来源,配置本地服务器代理,健康绿色环保(看样子,PM守护之光要提上日程了)

项目描述

前端

  • 选用Vux作为UI框架,诸如滑动,轮播等组件即在此基础上进行定制,交互效果也尽量依托于vux,减少重复开发

  • 基于Vue2,Vue-Router实现单页面应用

  • 利用Vuex进行组件间的状态管理,实现非父子组件之间的通信

后端

  • 生产环境下,服务器端同源解决请求代理

  • 开发环境下,通过代理服务器解决跨域问题

UI

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

已完成

  • 网易云(轮播,推荐歌单,独家放送,推荐MV,网友精选歌单(最新,最热),排行榜)

  • 搜索(热门搜索,搜索结果包括单曲,歌手,专辑,歌单,用户及其滑动切换)

  • 播放页面(歌词,碟片切换)

  • 歌手,专辑,歌单,用户等详情展示

  • 音乐播放功能(切歌,播放列表,播放进度显示)

放一波效果图





图片就到这里,more

计划(接下来)

1.MV播放,希望这个功能能走下去
2.“我的”争取还是做出来吧,尽管可能没人敢用
3.完善各个页面的功能吧,持续优化
4.抛砖引玉,向社区的大伙学习ing

最后!!!!!

1.感谢github,感谢同样在分享的你,让我能站在巨人的肩膀上
2.感谢Binaryify对接口文档的不断维护与更新。
这个项目中遇到了不少莫名其妙的坑,后面再与大伙交流,要不忘了,又得重踩

到这里,欢迎大家提issue,pr,star,如果喜欢可以watch,每周应该都会有些小更新

你可能感兴趣的:(vue.js,vue-cli,axios,vux)