14

网易云音乐

希望它在用vue高仿网易云音乐webapp的路上走的更远,我们的目标是更像,更快,更优雅

vue网易云音乐webapp版

Star,Star,Star,这是对我最大的鼓励,重要的话说三遍,广告就要放在最显眼的地方,哈哈。

  • api来源(再次感谢Binaryify不断更新的网易云音乐接口,这也将是这个项目不断拓展下去的坚实依托,看着他的star蹭蹭蹭的往上涨,我必须厚着脸皮说有我一份功劳)

  • 源码地址

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

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

  • 项目所提供请求地址希望仅供预览使用,本地开发建议参考api来源,配置本地服务器代理

  • 这是个连载的故事,预知前事如何,请跳转网易云音乐v1.0,现在我主要讲的是这个版本的更新内容

技术栈

  • Vue2:基于vue2进行组件化,模块化开发

  • Vuex:管理公共组件状态量

  • vue-router:管理单页面应用路由

  • axios:发起http请求

  • stylus:css预处理语言

  • Express:vue-cli使用Express做服务器。

  • Webpack:自动化构建工具,主要配置vue-cli脚手架提供。

  • ES6:采用ES6语法。

  • CSS3:CSS3动画及样式。

功能介绍

v2.0 | 2017.07.01

  • 新增功能

    • mv播放详情页,包括mv播放,mv介绍,相似mv,mv评论,相似mv播放切换

    • 歌手详情页:歌手mv

    • 专辑详情页:专辑评论,专辑介绍详情

    • 歌单详情页:歌单评论,歌单介绍详情

    • 个性推荐增加最新音乐,主播电台

    • 排行榜增加全球榜

    • 排行榜榜单详情页,包括歌曲排名,歌单评论

    • 上滑歌单组件歌单循环,单曲,随机播放切换,歌曲播放效果增加

  • 功能优化

    • 转场效果优化

    • 播放展示功能优化

  • 组件优化

  • UI框架统一为vux(历史遗留问题)

新增功能效果图

mv播放机mv评论
歌单排行榜全球版及评论
点击播放全部,歌曲循环,随机,单曲切换,专辑歌单详情,评论等

图片就到这里,more

最后!!!!!

1.感谢github,感Gay(git)hub同样在分享的你,让我能站在巨人的肩膀上

2.感谢Binaryify对接口文档的不断维护与更新。

3.在下个版本前我可能会和大家分享下定制mv视频播放器部分遇到的一些坑以及基于vue-cli的webpack打包优化,如何有兴趣可以watch me!!!

到这里,欢迎大家提issue,输出pr,点star,如果喜欢更可以watch,下阶段项目进展请关注v3.0小黑板,如果你在关注这个项目,请把你的想法或者看到的项目中的那些不足告诉我,或者在小黑板板上留言。本项目仅供学习交流使用,切勿用于商业用途,如有侵犯第三方版权问题及时联系我


浅滩戏虾
154 声望14 粉丝

能lol,能dota的前端攻城狮