自己基于vue寫了一個 Mplayer,

只有簡單的搜索播放隨心聽功能，樣式適配上也很差， 路由就兩個，數據都走vuex，數據轉發是用nodejs自己轉發，而且只是PC能比較好的展現，之后不了了之，偶爾也自己上來聽聽歌曲。

有一天，抬頭看，有一片云，特別的藍，風一吹，一陣花香飄來，美好，美好的東西都是慢慢積累出來的。

于是開始基于vue重寫Mplayer，重命名為VBox。

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

基本功能：

首頁,

歌手，

專輯，

排行榜，

歌單，

MV,

搜索，

分享,

設置

其他功能：

響應式布局- 基于rem

延伸功能：

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

版本更新- 基于 Service Worker

資源預測 - 基于 Web Worker/prefetch ，比如檢查到時wifi后，打開首頁后，Web Worker 自動去拉取其他功能第一屏幕的數據， 某個功能展現后，預拉取第二頁的數據

自我錄制- 基于 MediaRecorder

在線分享- 基于 Web RTC

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

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

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

寫下這么多，一方面是鼓勵自己加油，一方面是告誡自己，路很長，加油。

現在基本功能開發了一些，給幾張截圖安慰一下自己。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。