上手vue.js之後，選擇的第一個專案就是音樂播放器，使用qq音樂的api，介面仿騰訊本地音樂播放器“輕聽”，功能包括最近播放、新增到喜歡、榜單詳情、歌手詳情、專輯詳情。技術棧基本是vue全家桶，vue-router、vuex、es6特性（正在學習中）、webpack、express......
原始碼
寫了很多註釋，方便大家參考學習：?github
專案預覽：?輕聽 歡迎大家來star~
高清無碼預覽圖
技術棧
- vuex：用來資料管理真的是一級棒，合理的使用元件的狀態共享會事半功倍
- better-scroll：號稱移動端最好用的滾動外掛，的卻很好用，效果很棒
- webpack：用來打包、壓縮，頁面的懶載入可以提升第一次開啟的載入速度
- good-Storage：封裝了localStorage，方便使用，儲存使用者的喜歡列表，搜尋歷史
總結
- 資料繫結：vue的響應式系統是基於資料驅動的，計算屬性會根據資料的改變而改變DOM節點。節點和計算屬性都依賴於資料，處理好這些依賴關係很重要。比如專案中的，新增歌曲到我喜歡，最近播放，刪除搜尋歷史，歌曲切換都會根據資料的改變而改變DOM節點。
- 元件化：把一個應用拆分成多個元件，各元件有機結合，抽象出基礎元件，提高編碼效率
- 資料抓取：qq音樂的api還是挺明顯的，用chrome就可以很容易獲得。一般帶fcg的就是了
