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

技術(shù)棧

  • vue全家桶 (vue vue-router vuex)

  • axios

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

功能與思路分析

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

后臺

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

網(wǎng)友評論