demo示例(在线演示)
- 基于vue + vuex + vue-router + vue-resource开发;
- 实现专辑、歌单、歌手、用户等信息的展示和音乐播放功能;
- 利用Vuex集中管理页面组件状态;
- 自定义Vue-Router类实例的转场函数,实现页面数据预加载和灵活的转场效果;
- 自定义组件、指令(如懒加载)、插件(如图片浏览器)等,减少第三方依赖项;
- 合理缓存数据,减少HTTP请求数和页面渲染时间。
- 解决部分页面因引用mixin文件导致页面无法进入的问题
- 优化Webpack配置方案
- 将评论过滤函数抽离到util文件中
- 增加各页面相关的mixins文件
- 优化photoBrowser的动画流程
- 优化页面转场的流程
- 增加图片浏览器插件(photoBrowser)
- 增加"动态"页面
- 首页tabs部分增加切换动效
- 优化评论时间显示规则
- 各页面的评论列表项的排序方式更改为随机方式
- 增加首页、搜索页、播放页等页面
- 增加各页面相应store文件
- 增加路由router,重构vue-router实例
- 增加自定义组件、指令和插件
- 增加各页面、组件、指令和插件相关的样式
- 增加Cache类,实现各页面对请求的非重复数据作缓存
- 增加API文件,将所有api独立抽离在该文件中
- 增加demo展示页和浏览器环境检测脚本
- 配置生产环境和开发环境的数据源地址,调用api时统一使用process.env.SERVER
$ git clone https://github.com/SheepBeast/vue-music-player.git
$ npm install
$ npm run dev
本地测试需music-api作为数据源支持