vue2.0音樂播放器

上手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的就是了

【聲明】本項目僅供學習交流，請不要用作任何商業用途，有問題請聯繫做者

此項目將持續更新完善......敬請關注