第1章 課程內容介紹
包括課程概述、課程安排、學習前提、講授方式等方面的介紹，最后演示了整個音樂App的功能，讓同學們對課程項目有一個直觀的了解。
第2章 項目準備工作
包括項目需求分析、腳手架初始化代碼、項目目錄介紹及圖標字體、公共樣式等資源的準備 。
第3章 頁面骨架開發
包括頁面入口、header 組件的編寫、路由配置及頂導 tab 組件開發。
第4章 推薦頁面開發
包括 jsonp 原理介紹和 Promise 封裝、輪播圖組件開發、歌單接口數據分析和抓取、axios 介紹和后端接口代理、歌單列表組件開發和數據應用、scroll 組件的抽象和應用、vue-lazyloader 懶加載插件的介紹和應用、loading 基礎組件開發和應用。…
第5章 歌手頁面開發
包括歌手數據的抓取和處理、Singer 類的封裝、類通訊錄組件 listview開發和應用。
第6章 歌手詳情頁開發
包括子路由的配置及轉場動畫實現、Vuex 的介紹、Vuex 初始化歌手數據的配置、歌手詳情頁數據抓取和處理、Song 類的封裝、music-list 組件開發。
第7章 播放器內置組件開發
包括播放器 Vuex 數據設計和相關應用、播放器基礎樣式及歌曲數據應用、 播放器展開收起動畫的實現、播放器前進后退功能實現、播放器播放時間獲取和更新、progress-bar 進度條組件開發、progress-circle 圓形進度條組件開發、播放器模式切換功能實現、播放器歌詞數據抓取和解析、播放器歌詞左右滑動的實現、播放器底部播…
第8章 歌單頁面開發
包括歌單頁面的布局介紹、Vuex 實現路由數據通訊、歌單詳情頁數據抓取和處理。
第9章 排行榜及詳情頁開發
包括排行榜布局介紹、排行榜數據抓取和應用、榜單詳情頁布局介紹、Vuex 實現路由數據通訊、榜單詳情頁數據抓取和應用。
第10章 搜索頁面開發
包括search-box 組件開發、熱門搜索數據抓取和應用、suggest 組件開發、搜索結果保存功能實現、search-list 組件開發、confirm 組件開發。
第11章 歌曲列表組件
包括歌曲列表組件的顯示和隱藏控制、播放列表的實現、player mixin 的抽象、 add-song 組件開發、top-list 組件開發、scroll 組件能力的擴展
第12章 用戶中心頁面
包括收藏列表的 Vuex 數據設計與實現、收藏歌曲功能實現、頁面功能開發。
第13章 編譯打包
包括播放內核小 bug 修復、項目編譯打包及 node 服務調試、路由組件實現懶加載、Vue.js 升級到最新版。
第14章 課程總結
包括移動端常用工具 charles 和 vconsole 的介紹、課程回顧。
