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