ygxdxx / faunus

a music player of Vue

项目介绍

使用Vue全家桶完成的音乐播放器开发，完整实现了WebApp音乐播放器完整的各个功能。

技术细节

1. 使用原生JavaScript语法配合ES6新特性进行开发，编码规范；
2. 使用Stylus进行CSS预处理，使用flex弹性盒模型完成了页面布局；
3. 使用Vue-Router完成一级路由、子级路由页面的切换；
4. 在页面切换过程中添加简单动画过渡效果，使过渡更流畅；
5. 使用Axios+Promise实现网络数据请求和获取；
6. 使用props属性和emit事件完成父子组件之间数据的传递；
7. 使用Vuex完成状态的存储以及跨组件之间的数据传递；
8. 使用JSONP以及nodejs代理方式解决跨域请求的限制，完成数据的获取；
9. 使用localStorage进行数据的本地持久化存储； 10.对于多个组件之间重复的功能，使用mixin进行独立抽取，减少代码量；

页面展示

一. 推荐页

二. 歌手页

三. 搜索页

四. 播放器

五. 歌手详情页