vue網易雲音樂v2.0(mv播放等你來看)

網易雲音樂

但願它在用vue高仿網易雲音樂webapp的路上走的更遠，咱們的目標是更像，更快，更優雅

vue網易雲音樂webapp版

Star，Star，Star，這是對我最大的鼓勵，重要的話說三遍，廣告就要放在最顯眼的地方，哈哈。

• api來源(再次感謝Binaryify不斷更新的網易雲音樂接口，這也將是這個項目不斷拓展下去的堅實依託，看着他的star蹭蹭蹭的往上漲，我必須厚着臉皮說有我一份功勞)

• 源碼地址

• 項目預覽（web端在chrome調試模式下效果更佳）

• 針對segmenfault類app暫時沒法有效預覽的問題，建議粘貼 http://118.89.226.181:8080 到手機其餘瀏覽器體驗

• 項目所提供請求地址但願僅供預覽使用，本地開發建議參考api來源，配置本地服務器代理

• 這是個連載的故事，預知前事如何，請跳轉網易雲音樂v1.0,如今我主要講的是這個版本的更新內容

技術棧

• Vue2：基於vue2進行組件化，模塊化開發

• Vuex：管理公共組件狀態量

• vue-router：管理單頁面應用路由

• axios：發起http請求

• stylus：css預處理語言

• Express：vue-cli使用Express作服務器。

• Webpack：自動化構建工具，主要配置vue-cli腳手架提供。

• ES6：採用ES6語法。

• CSS3：CSS3動畫及樣式。

功能介紹

v2.0 | 2017.07.01

• 新增功能

  • mv播放詳情頁，包括mv播放，mv介紹，類似mv，mv評論，類似mv播放切換

  • 歌手詳情頁：歌手mv

  • 專輯詳情頁：專輯評論，專輯介紹詳情

  • 歌單詳情頁：歌單評論，歌單介紹詳情

  • 個性推薦增長最新音樂，主播電臺

  • 排行榜增長全球榜

  • 排行榜榜單詳情頁，包括歌曲排名，歌單評論

  • 上滑歌單組件歌單循環，單曲，隨機播放切換，歌曲播放效果增長

• 功能優化

  • 轉場效果優化

  • 播放展現功能優化

• 組件優化

• UI框架統一爲vux（歷史遺留問題）

新增功能效果圖

圖片就到這裏，more

最後！！！！！

1.感謝github,感Gay(git)hub一樣在分享的你，讓我能站在巨人的肩膀上

2.感謝Binaryify對接口文檔的不斷維護與更新。

3.在下個版本前我可能會和你們分享下定製mv視頻播放器部分遇到的一些坑以及基於vue-cli的webpack打包優化,如何有興趣能夠watch me！！！

到這裏，歡迎你們提issue，輸出pr，點star，若是喜歡更能夠watch，下階段項目進展請關注v3.0小黑板，若是你在關注這個項目，請把你的想法或者看到的項目中的那些不足告訴我，或者在小黑板板上留言。本項目僅供學習交流使用，切勿用於商業用途，若有侵犯第三方版權問題及時聯繫我