Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue2.0高级应用教学实战，开发企业级移动端音乐WebApp课程介绍A000042：

完成本课程可以达到独立负责一个中度复杂以上项目的能力，如果能完全掌握课程的所有知识点，可以达到百度T4+技术能力。

课程目录：

第1章课程内容介绍试看2节|19分钟

包括课程概述、课程安排、学习前提、讲授方式等方面的介绍，最后演示了整个音乐App的功能，让同学们对课程项目有一个直观的了解。

视频：1-1导学(16:31)试看

视频：1-2课前必读（源码获取方式）(02:16)试看

第2章项目准备工作试看3节|28分钟

包括项目需求分析、脚手架初始化代码、项目目录介绍及图标字体、公共样式等资源的准备。

视频：2-1需求分析(08:53)试看

视频：2-2Vue-cli脚手架安装(06:19)

视频：2-3项目目录介绍及图标字体、公共样式等资源准备(12:23)

第3章页面骨架开发2节|17分钟

包括页面入口、header组件的编写、路由配置及顶导tab组件开发。

视频：3-1页面入口+header组件的编写(06:54)

视频：3-2路由配置+tab顶导组件开发(09:58)

第4章推荐页面开发13节|137分钟

包括jsonp原理介绍和Promise封装、轮播图组件开发、歌单接口数据分析和抓取、axios介绍和后端接口代理、歌单列表组件开发和数据应用、scroll组件的抽象和应用、vue-lazyloader懒加载插件的介绍和应用、loading基础组件开发和应用。…

视频：4-1页面简介+轮播图数据分析(02:45)

视频：4-2jsonp原理介绍+Promise封装(12:35)

视频：4-3jsonp的应用+轮播图数据抓取(13:43)

视频：4-4轮播图组件实现（上)(27:05)

视频：4-5轮播图组件实现（中)(10:28)

视频：4-6轮播图组件实现（下）(07:38)

视频：4-7歌单数据接口分析(08:52)

视频：4-8axios介绍和后端接口代理(14:46)

视频：4-9歌单列表组件开发和数据的应用(05:11)

视频：4-10scroll组件的抽象和应用（上）(12:22)

视频：4-11scroll组件的抽象和应用（下）(07:01)

视频：4-12vue-lazyload懒加载插件介绍和应用(09:55)

视频：4-13loading基础组件的开发和应用(04:30)

第5章歌手页面开发10节|115分钟

包括歌手数据的抓取和处理、Singer类的封装、类通讯录组件listview开发和应用。

视频：5-1歌手页面布局和设计讲解(02:19)

视频：5-2歌手数据接口抓取(11:07)

视频：5-3歌手数据处理和Singer类的封装(19:06)

视频：5-4listview基础组件的开发和应用-滚动列表实现(10:50)

视频：5-5listview基础组件的开发和应用-右侧快速入口实现（1）(22:05)

视频：5-6listview基础组件的开发和应用-右侧快速入口实现（2）(20:30)

视频：5-7listview基础组件的开发和应用-右侧快速入口实现（3）(05:26)

视频：5-8listview基础组件的开发和应用-右侧快速入口实现（4）(08:49)

视频：5-9listview基础组件的开发和应用-滚动固定标题实现（上）(04:45)

视频：5-10listview基础组件的开发和应用-滚动固定标题实现（下）(09:29)

第6章歌手详情页开发14节|118分钟

包括子路由的配置及转场动画实现、Vuex的介绍、Vuex初始化歌手数据的配置、歌手详情页数据抓取和处理、Song类的封装、music-list组件开发。

视频：6-1歌手详情页布局和设计详解(01:51)

视频：6-2子路由配置以及转场动画实现(08:39)

视频：6-3初识Vuex(04:35)

视频：6-4Vuex初始化及歌手数据的配置(20:41)

视频：6-5歌手详情数据抓取(08:19)

视频：6-6歌手详情数据处理和Song类的封装（上）(17:08)

视频：6-7歌手详情数据处理和Song类的封装（下）(02:17)

视频：6-8music-list组件开发（1）(06:52)

视频：6-9music-list组件开发（2）(09:20)

视频：6-10music-list组件开发（3）(10:30)

视频：6-11music-list组件开发（4）(05:20)

视频：6-12music-list组件开发（5）(07:04)

视频：6-13music-list组件开发（6）(07:23)

视频：6-14music-list组件开发（7）(06:58)

第7章播放器内置组件开发25节|295分钟

包括播放器Vuex数据设计和相关应用、播放器基础样式及歌曲数据应用、播放器展开收起动画的实现、播放器前进后退功能实现、播放器播放时间获取和更新、progress-bar进度条组件开发、progress-circle圆形进度条组件开发、播放器模式切换功能实现、播放器歌词数据抓取和解析、播放器歌词左右滑动的实现、播放器底部播…

视频：7-1播放器页面设计详解(03:25)

视频：7-2播放器Vuex数据设计(17:12)

视频：7-3播放器Vuex的相关应用(17:07)

视频：7-4播放器基础样式及歌曲数据的应用(06:58)

视频：7-5播放器展开收起动画（上）(03:14)

视频：7-6播放器展开收起动画（中）(15:28)

视频：7-7播放器展开收起动画（下）(12:29)

视频：7-8播放器歌曲播放功能实现(15:47)

视频：7-9播放器歌曲前进后退功能实现（上）(10:45)

视频：7-10播放器歌曲前进后退功能实现（下）(04:39)

视频：7-11播放器播放时间获取和更新(08:48)

视频：7-12播放器progress-bar进度条组件实现（上）(12:52)

视频：7-13播放器progress-bar进度条组件实现（中）(16:30)

视频：7-14播放器progress-bar进度条组件实现（下）(02:10)

视频：7-15播放器progress-circle圆形进度条组件实现(16:19)

视频：7-16播放器模式切换功能实现（上）(04:40)

视频：7-17播放器模式切换功能实现（中）(11:22)

视频：7-18播放器模式切换功能实现（下）(19:56)

视频：7-19播放器歌词数据抓取(14:52)

视频：7-20播放器歌词数据解析(10:53)

视频：7-21播放器歌词滚动列表实现(12:33)

视频：7-22播放器歌词左右滑动实现（上）(12:52)

视频：7-23播放器歌词左右滑动实现（下）(13:02)

视频：7-24播放器歌词剩余功能实现(13:52)

视频：7-25播放器底部播放器适配+mixin的应用(16:13)

第8章歌单页面开发3节|23分钟

包括歌单页面的布局介绍、Vuex实现路由数据通讯、歌单详情页数据抓取和处理。

视频：8-1歌单详情页布局介绍及Vuex实现路由数据通讯(09:12)

视频：8-2歌单详情页数据抓取(07:36)

视频：8-3歌单详情页数据的处理和应用(05:14)

第9章排行榜及详情页开发5节|43分钟

包括排行榜布局介绍、排行榜数据抓取和应用、榜单详情页布局介绍、Vuex实现路由数据通讯、榜单详情页数据抓取和应用。

视频：9-1排行页面布局介绍及排行榜数据抓取(07:35)

视频：9-2排行页排行榜数据应用(09:01)

视频：9-3榜单详情页布局介绍及Vuex实现路由数据通讯(07:52)

视频：9-4榜单详情页数据抓取和应用(11:19)

视频：9-5带排行的song-list组件扩展和应用(06:21)

第10章搜索页面开发18节|190分钟

包括search-box组件开发、热门搜索数据抓取和应用、suggest组件开发、搜索结果保存功能实现、search-list组件开发、confirm组件开发。

视频：10-1搜索页面页面布局和功能介绍(02:09)

视频：10-2搜索页面search-box组件开发(07:52)

视频：10-3搜索页面热门搜索数据抓取和应用(09:02)

视频：10-4搜索页面suggest组件开发（1）(25:58)

视频：10-5搜索页面suggest组件开发（2）(23:53)

视频：10-6搜索页面suggest组件开发（3）(12:15)

视频：10-7搜索页面suggest组件开发（4）(03:29)

视频：10-8搜索页面suggest组件开发（5）(05:03)

视频：10-9搜索页面suggest组件开发（6）(06:11)

视频：10-10搜索页面suggest组件开发（7）(18:32)

视频：10-11搜索页面搜索结果保存功能实现（1）(06:11)

视频：10-12搜索页面搜索结果保存功能实现（2）(13:29)

视频：10-13搜索页面搜索结果保存功能实现（3）(05:22)

视频：10-14搜索页面search-list组件功能实现（上）(05:58)

视频：10-15搜索页面search-list组件功能实现（下）(16:45)

视频：10-16搜索页面confirm组件功能实现(15:35)

视频：10-17搜索页面剩余功能实现（上）(05:51)

视频：10-18搜索页面剩余功能实现（下）(05:35)

第11章歌曲列表组件17节|134分钟

包括歌曲列表组件的显示和隐藏控制、播放列表的实现、playermixin的抽象、add-song组件开发、top-list组件开发、scroll组件能力的扩展

视频：11-1歌曲列表组件布局和功能介绍(04:38)

视频：11-2歌曲列表组件显示和隐藏的控制(04:23)

视频：11-3歌曲列表组件播放列表的实现（1）(11:18)

视频：11-4歌曲列表组件播放列表的实现（2）(06:18)

视频：11-5歌曲列表组件播放列表的实现（3）(06:22)

视频：11-6歌曲列表组件播放列表的实现（4）(07:08)

视频：11-7歌曲列表组件播放列表的实现（5）(08:16)

视频：11-8歌曲列表组件playerMixin的抽象（上）(07:33)

视频：11-9歌曲列表组件playerMixin的抽象（下）(05:29)

视频：11-10歌曲列表组件add-song组件实现（1）(05:20)

视频：11-11歌曲列表组件add-song组件实现（2）(14:51)

视频：11-12歌曲列表组件add-song组件实现（3）(07:52)

视频：11-13歌曲列表组件add-song组件实现（4）(10:49)

视频：11-14歌曲列表组件add-song组件实现（5）(05:27)

视频：11-15歌曲列表组件add-song组件实现（6）(13:09)

视频：11-16歌曲列表组件top-list组件实现(07:39)

视频：11-17歌曲列表组件scroll组件能力的扩展(07:21)

第12章用户中心页面6节|41分钟

包括收藏列表的Vuex数据设计与实现、收藏歌曲功能实现、页面功能开发。

视频：12-1用户中心页面布局和功能介绍(07:17)

视频：12-2用户中心页面收藏列表的Vuex数据设计和实现(08:18)

视频：12-3用户中心页面收藏歌曲功能实现（上）(05:24)

视频：12-4用户中心页面收藏歌曲功能实现（下）(07:29)

视频：12-5用户中心页面剩余功能实现（上）(04:57)

视频：12-6用户中心页面剩余功能实现（下）(07:25)

第13章编译打包4节|35分钟

包括播放内核小bug修复、项目编译打包及node服务调试、路由组件实现懒加载、Vue.js升级到最新版。

视频：13-1编译打包-播放内核小bug修复(09:45)

视频：13-2编译打包-项目编译打包及node服务测试(08:37)

视频：13-3编译打包-路由组件实现懒加载(10:51)

视频：13-4编译打包-Vue.js升级到最新版(04:59)

第14章课程总结3节|15分钟

包括移动端常用工具charles和vconsole的介绍、课程回顾。

视频：14-1移动端调试工具和抓包工具介绍（上）(08:19)

视频：14-2移动端调试工具和抓包工具介绍（下）(02:55)

视频：14-3课程总结(03:06)

第15章课程有关资料汇总1节|0分钟

课程有关资料汇总

图文：15-1课程资料汇总