自己基于vue寫(xiě)了一個(gè) Mplayer,

只有簡(jiǎn)單的搜索播放隨心聽(tīng)功能，樣式適配上也很差， 路由就兩個(gè)，數(shù)據(jù)都走vuex，數(shù)據(jù)轉(zhuǎn)發(fā)是用nodejs自己轉(zhuǎn)發(fā)，而且只是PC能比較好的展現(xiàn)，之后不了了之，偶爾也自己上來(lái)聽(tīng)聽(tīng)歌曲。

有一天，抬頭看，有一片云，特別的藍(lán)，風(fēng)一吹，一陣花香飄來(lái)，美好，美好的東西都是慢慢積累出來(lái)的。

于是開(kāi)始基于vue重寫(xiě)Mplayer，重命名為VBox。

功能參考：https://y.qq.com/ ，

基本功能：

首頁(yè),

歌手，

專(zhuān)輯，

排行榜，

歌單，

MV,

搜索，

分享,

設(shè)置

其他功能：

響應(yīng)式布局- 基于rem

延伸功能：

零張圖片 -程序上零圖片，css話(huà)或者canvas繪畫(huà)

版本更新- 基于 Service Worker

資源預(yù)測(cè) - 基于 Web Worker/prefetch ，比如檢查到時(shí)wifi后，打開(kāi)首頁(yè)后，Web Worker 自動(dòng)去拉取其他功能第一屏幕的數(shù)據(jù)， 某個(gè)功能展現(xiàn)后，預(yù)拉取第二頁(yè)的數(shù)據(jù)

自我錄制- 基于 MediaRecorder

在線(xiàn)分享- 基于 Web RTC

失焦即停 - 基于?Page Visibility，可以在設(shè)置里面設(shè)置。

QQ/微信登陸 - 真的一樣，酷啊(難度不小哈)

這些看起來(lái)挺多，也有一定的難度，知難而行，喜歡就好。

寫(xiě)下這么多，一方面是鼓勵(lì)自己加油，一方面是告誡自己，路很長(zhǎng)，加油。

現(xiàn)在基本功能開(kāi)發(fā)了一些，給幾張截圖安慰一下自己。

總結(jié)

以上是生活随笔為你收集整理的vue 音乐盒app_VBox 一款基于vue开发的音乐盒 序章的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。