資訊專欄INFORMATION COLUMN
摘要：項(xiàng)目地址由于網(wǎng)易云的限制，部分功能可能會(huì)失效，如有需要可以項(xiàng)目下來在本地運(yùn)行，如果炸了，麻煩在評(píng)論中告知一下我因?yàn)樽龅氖嵌怂哉?qǐng)?jiān)陔娔X端訪問源碼地址項(xiàng)目預(yù)覽評(píng)論和歌單詳情都封了我的暫時(shí)無法使用這兩個(gè)功能了項(xiàng)目描述前端部分實(shí)現(xiàn)了滑塊彈出層歌詞
項(xiàng)目地址
由于網(wǎng)易云的api限制，部分功能可能會(huì)失效，如有需要可以clone項(xiàng)目下來在本地運(yùn)行，如果api炸了，麻煩在評(píng)論中告知一下我
因?yàn)樽龅氖荘C端 所以請(qǐng)?jiān)陔娔X端訪問
源碼地址
項(xiàng)目預(yù)覽（評(píng)論和歌單詳情api都封了我的ip暫時(shí)無法使用這兩個(gè)功能了）
項(xiàng)目描述前端部分
實(shí)現(xiàn)了滑塊、彈出層、歌詞、分頁、輪播等組件 所有組件皆獨(dú)立完成
使用了Vue.js做單頁應(yīng)用
使用了Vue Router處理路由
使用了Vuex管理組件間的狀態(tài)，實(shí)現(xiàn)非父子組件之間的通信
初始化數(shù)據(jù)通過localstorage存儲(chǔ)
后端部分
開發(fā)環(huán)境下使用了express處理路由
通過CORS解決跨域問題
實(shí)現(xiàn)了完成情況
（登錄功能一開始想做的，但一想大家也不放心把網(wǎng)易云賬號(hào)密碼用來登錄，所以還是沒做了）
網(wǎng)易云音樂首頁（輪播、推薦歌單、每日推薦、熱門歌單、排行榜、熱門歌手、最新音樂）
切換主題（因?yàn)镻C端切換主題要改的樣式太繁瑣，所以只做了黑色和紅色的主題）
搜索（歌曲搜索、歌手搜索、歌單搜索、專輯搜索）
播放頁面（歌詞顯示、所有評(píng)論顯示（分頁展示））
歌單、專輯、歌手信息等展示頁
當(dāng)然還有最重要的播放功能（音量調(diào)節(jié)、快進(jìn)快退、切歌、當(dāng)前歌單）
圖就放一部分了，更多內(nèi)容歡迎戳 http://oyhfe.com/VueMusic
最后！重點(diǎn)！敲黑板！
距離上次交作業(yè)已經(jīng)過了二十多天了，一開始也沒想到這個(gè)項(xiàng)目會(huì)花掉我這么久時(shí)間，一路踩了很多坑，內(nèi)容實(shí)現(xiàn)也有些繁瑣，但是收獲還是很多的，增加了Vue全家桶熟練度。
歡迎大家提issue，pr
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/82861.html
摘要：庫用了魔改樣式的歌詞滾動(dòng)部分用了黃軼老大的賊爽主題換膚用的變量替換。語言的下一代標(biāo)準(zhǔn)預(yù)處理器安裝與使用前端項(xiàng)目后端項(xiàng)目 音樂播放器雖然爛大街了，但是作為前端沒自己擼一個(gè)一直是個(gè)遺憾，而且偶然間發(fā)現(xiàn)pc端web版的網(wǎng)易云音樂做的實(shí)在是太簡陋了，社區(qū)仿pc客戶端的網(wǎng)易云也不多見，為了彌補(bǔ)這個(gè)遺憾，就用vue全家桶模仿mac客戶端的ui實(shí)現(xiàn)了一個(gè)，歡迎提出意見和star~ 預(yù)覽地址 源碼地址...
摘要：項(xiàng)目地址暫時(shí)只實(shí)現(xiàn)了基本功能加了一點(diǎn)微小的效果主要適配瀏覽器對(duì)和做了一點(diǎn)微小的適配現(xiàn)在已經(jīng)包括了打包平臺(tái)的功能了源碼地址項(xiàng)目預(yù)覽項(xiàng)目描述前端部分整體加載進(jìn)度懶加載模塊的加載中提示實(shí)現(xiàn)了滑塊增量分頁新曲等使用了做單頁應(yīng)用使用了處理路由使用了管 項(xiàng)目地址 暫時(shí)只實(shí)現(xiàn)了基本功能 加了一點(diǎn)微?小的效果 主要適配pc瀏覽器 對(duì)android 和ios 做了一點(diǎn)微?小的適配 現(xiàn)在已經(jīng)包括了ele...
摘要：項(xiàng)目地址暫時(shí)只實(shí)現(xiàn)了基本功能加了一點(diǎn)微小的效果主要適配瀏覽器對(duì)和做了一點(diǎn)微小的適配現(xiàn)在已經(jīng)包括了打包平臺(tái)的功能了源碼地址項(xiàng)目預(yù)覽項(xiàng)目描述前端部分整體加載進(jìn)度懶加載模塊的加載中提示實(shí)現(xiàn)了滑塊增量分頁新曲等使用了做單頁應(yīng)用使用了處理路由使用了管 項(xiàng)目地址 暫時(shí)只實(shí)現(xiàn)了基本功能 加了一點(diǎn)微?小的效果 主要適配pc瀏覽器 對(duì)android 和ios 做了一點(diǎn)微?小的適配 現(xiàn)在已經(jīng)包括了ele...
摘要：項(xiàng)目地址暫時(shí)只實(shí)現(xiàn)了基本功能加了一點(diǎn)微小的效果主要適配瀏覽器對(duì)和做了一點(diǎn)微小的適配現(xiàn)在已經(jīng)包括了打包平臺(tái)的功能了源碼地址項(xiàng)目預(yù)覽項(xiàng)目描述前端部分整體加載進(jìn)度懶加載模塊的加載中提示實(shí)現(xiàn)了滑塊增量分頁新曲等使用了做單頁應(yīng)用使用了處理路由使用了管 項(xiàng)目地址 暫時(shí)只實(shí)現(xiàn)了基本功能 加了一點(diǎn)微?小的效果 主要適配pc瀏覽器 對(duì)android 和ios 做了一點(diǎn)微?小的適配 現(xiàn)在已經(jīng)包括了ele...
閱讀 2850·2021-11-04 16:15
閱讀 3572·2021-09-29 09:35
閱讀 4175·2021-09-22 15:45
閱讀 1475·2019-08-30 15:55
閱讀 1761·2019-08-30 15:44
閱讀 2819·2019-08-29 12:56
閱讀 2786·2019-08-26 13:30
閱讀 2235·2019-08-23 17:00
