网易云音乐
希望它在用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(历史遗留问题)
新增功能效果图
图片就到这里,more
最后!!!!!
1.感谢github,感Gay(git)hub同样在分享的你,让我能站在巨人的肩膀上
2.感谢Binaryify对接口文档的不断维护与更新。
3.在下个版本前我可能会和大家分享下定制mv视频播放器部分遇到的一些坑以及基于vue-cli的webpack打包优化,如何有兴趣可以watch me!!!
到这里,欢迎大家提issue,输出pr,点star,如果喜欢更可以watch,下阶段项目进展请关注v3.0小黑板,如果你在关注这个项目,请把你的想法或者看到的项目中的那些不足告诉我,或者在小黑板板上留言。本项目仅供学习交流使用,切勿用于商业用途,如有侵犯第三方版权问题及时联系我
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。