前言：自己學(xué)習(xí)VUEJS也一段時(shí)間，但一直沒有做出來(lái)一東西。我自己一直喜歡用網(wǎng)易云音樂app，于是乎就做了這個(gè)app。

技術(shù)棧

  • vue全家桶 （vue vue-router vuex）

  • axios

  • Muse-UI(一個(gè)基于Vue2.x的material design 風(fēng)格UI框架)

功能與思路分析

我之前學(xué)習(xí)JS的時(shí)候?qū)tml5 audio研究過，也寫過一些例子，那時(shí)的功能并不是很全面。在寫這個(gè)程序之前，我好好的查閱了當(dāng)前的HTML5中的audio標(biāo)簽，發(fā)現(xiàn)園子上一位園友總結(jié)的很不錯(cuò)（這里）。于是就先把網(wǎng)易云音樂最基本的功能實(shí)現(xiàn)，歌單部分（這也是我喜歡網(wǎng)易云音樂的原因這一），然后實(shí)現(xiàn)音樂的上一曲、下一曲，播放、暫停。列表功能。

后臺(tái)

后臺(tái)采用.net做為后臺(tái)提供系統(tǒng)請(qǐng)求所用的API(源碼)，原理很簡(jiǎn)單就是用.net偽裝成一個(gè)客戶端去訪問網(wǎng)易云音樂的API然后，把返回的json數(shù)據(jù)轉(zhuǎn)發(fā)出來(lái)。同時(shí)服務(wù)端做下跨域處理。

核