使用Vue全家桶完成的音乐播放器开发,完整实现了WebApp音乐播放器完整的各个功能。
- 使用原生JavaScript语法配合ES6新特性进行开发,编码规范;
- 使用Stylus进行CSS预处理,使用flex弹性盒模型完成了页面布局;
- 使用Vue-Router完成一级路由、子级路由页面的切换;
- 在页面切换过程中添加简单动画过渡效果,使过渡更流畅;
- 使用Axios+Promise实现网络数据请求和获取;
- 使用props属性和emit事件完成父子组件之间数据的传递;
- 使用Vuex完成状态的存储以及跨组件之间的数据传递;
- 使用JSONP以及nodejs代理方式解决跨域请求的限制,完成数据的获取;
- 使用localStorage进行数据的本地持久化存储; 10.对于多个组件之间重复的功能,使用mixin进行独立抽取,减少代码量;
一. 推荐页
二. 歌手页
三. 搜索页
四. 播放器
五. 歌手详情页