- 第1章 课程内容介绍
包括课程概述、课程安排、学习前提、讲授方式等方面的介绍，最后演示了整个音乐App的功能，让同学们对课程项目有一个直观的了解。
# ]! n0 m; d4 f+ \7 R) g# l - 第2章 项目准备工作
包括项目需求分析、脚手架初始化代码、项目目录介绍及图标字体、公共样式等资源的准备 。
& w7 m4 @7 t( s7 \% b3 K9 ^/ m3 C9 n - 第3章 页面骨架开发
包括页面入口、header 组件的编写、路由配置及顶导 tab 组件开发。
2 f) ~( [4 U4 x, n' \, _" x - 第4章 推荐页面开发
包括 jsonp 原理介绍和 Promise 封装、轮播图组件开发、歌单接口数据分析和抓取、axios 介绍和后端接口代理、歌单列表组件开发和数据应用、scroll 组件的抽象和应用、vue-lazyloader 懒加载插件的介绍和应用、loading 基础组件开发和应用。...
* U6 T4 ~( L, ?+ [1 A8 j$ r- [
- 第5章 歌手页面开发
包括歌手数据的抓取和处理、Singer 类的封装、类通讯录组件 listview开发和应用。
( W& N) F$ d7 @ ~$ j9 h
- 第6章 歌手详情页开发
包括子路由的配置及转场动画实现、Vuex 的介绍、Vuex 初始化歌手数据的配置、歌手详情页数据抓取和处理、Song 类的封装、music-list 组件开发。
( d- n! v7 D) @! f& l& V& \ - 第7章 播放器内置组件开发
包括播放器 Vuex 数据设计和相关应用、播放器基础样式及歌曲数据应用、 播放器展开收起动画的实现、播放器前进后退功能实现、播放器播放时间获取和更新、progress-bar 进度条组件开发、progress-circle 圆形进度条组件开发、播放器模式切换功能实现、播放器歌词数据抓取和解析、播放器歌词左右滑动的实现、播放器底部播...
* w# B* P. Q6 L4 g4 O8 u0 A# A - 第8章 歌单页面开发
包括歌单页面的布局介绍、Vuex 实现路由数据通讯、歌单详情页数据抓取和处理。
! r; c/ K9 o6 c4 k" j' h. a - 第9章 排行榜及详情页开发
包括排行榜布局介绍、排行榜数据抓取和应用、榜单详情页布局介绍、Vuex 实现路由数据通讯、榜单详情页数据抓取和应用。
$ v% S$ H3 b( A - 第10章 搜索页面开发
包括search-box 组件开发、热门搜索数据抓取和应用、suggest 组件开发、搜索结果保存功能实现、search-list 组件开发、confirm 组件开发。
/ P2 O5 ~+ K8 }& I0 X/ ` - 第11章 歌曲列表组件
包括歌曲列表组件的显示和隐藏控制、播放列表的实现、player mixin 的抽象、 add-song 组件开发、top-list 组件开发、scroll 组件能力的扩展
( d; a' D# z- ~% m5 q - 第12章 用户中心页面
包括收藏列表的 Vuex 数据设计与实现、收藏歌曲功能实现、页面功能开发。
$ E# i. l& G2 {* M
- 第13章 编译打包
包括播放内核小 bug 修复、项目编译打包及 node 服务调试、路由组件实现懒加载、Vue.js 升级到最新版。
2 U: y5 e' A* X T) G5 l - 第14章 课程总结
包括移动端常用工具 charles 和 vconsole 的介绍、课程回顾。
+ k) c/ w4 R& V+ D! g 下载地址：
$ A8 u1 q% Z0 y8 ~9 [' W* |
发表于 2017-9-16 16:20:32
发表于 2017-9-16 22:52:11