成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

MusicHub -- 三合一(qq、xiami、網(wǎng)易云) 音樂搜索

codecook / 3950人閱讀

摘要：前兩天周月半發(fā)了新歌不愛我就拉倒，我前后找了兩三個(gè)平臺，最后發(fā)現(xiàn)是音樂獨(dú)家發(fā)布，更可氣的是我沒有音樂，一個(gè)多合一搜索很重要效果簡介，三合一搜索平臺，數(shù)據(jù)來源網(wǎng)易云蝦米。

每次去搜個(gè)歌，碰巧又不知道在哪個(gè)平臺發(fā)布，這個(gè)時(shí)候是不是很煩，要去每個(gè)平臺上搜一遍。前兩天 周月半 發(fā)了新歌《不愛我就拉倒》，我前后找了兩三個(gè)平臺，最后發(fā)現(xiàn)是QQ音樂獨(dú)家發(fā)布，更可氣的是我沒有qq音樂app，orz.....  一個(gè)多合一搜索很重要！
效果



簡介

MusicHub ，三合一搜索平臺，數(shù)據(jù)來源：網(wǎng)易云、QQ、蝦米。
Demo地址：MusicHub

git

MusicHub 記得給star啊朋友們

工程結(jié)構(gòu) 
-- musichub
    -- App
        -- build   => webpack配置文件
        -- config  => 工程配置文件
        -- src     => 前端源文件目錄
        -- static  => 靜態(tài)資源文件目錄
        -- index.html  => htmlwebpackplugin 模板文件
        -- package.json  =>  依賴文件
    -- Server
        -- config  => 工程配置文件
        -- router  => 路由
        -- service => server服務(wù)
        -- spider  => 爬蟲
        -- static  => 靜態(tài)資源
        -- view    => 頁面html文件
        -- package.json   => 依賴文件
技術(shù)棧

前端(App)

vue + vue-router + webpack

瀏覽器兼容：利用兩套代碼做了PC、mobile兼容，PC端用了Element組件、Mobile端用了cube-ui 組件

代碼風(fēng)格檢查：Eslint + airbnbbase

服務(wù)端(Server)

Koa：利用koa搭建了RESTful API服務(wù)器

request： spider使用request請求數(shù)據(jù)

服務(wù)端渲染：解析UserAgent，判斷當(dāng)前設(shè)備類型：PC/Mobile，根據(jù)設(shè)備類型渲染對應(yīng)頁面

快速使用

前端(App)
? ?- 安裝依賴：yarn (建議使用yarn安裝依賴，依賴?yán)镉幸粋€(gè)git倉庫(對cube-ui做了修改)，npm 5.5.1 會報(bào)錯(cuò)

開發(fā)模式運(yùn)行: yarn run dev (需要將 App/src/view/desktop/components/Result.vue和App/src/view/desktop/components/Result.vue中 axios.defaults.baseURL 設(shè)置為 "http://localhost:3000/api/v1"

打包：yarn run build，打包生成html文件將會在Server/view目錄下，其他文件(css、js等)會在Server/static文件夾下(需要將 App/src/view/desktop/components/Result.vue和App/src/view/desktop/components/Result.vue中 axios.defaults.baseURL 設(shè)置為 "/api/v1"

服務(wù)端(Server)

修改端口：修改Server/config/index.js中port

開發(fā)者模式運(yùn)行：yarn run dev

product模式：yarn run prod

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/95147.html

相關(guān)文章

  • vue——一個(gè)頁面實(shí)現(xiàn)音樂播放器

    摘要：用做進(jìn)度條本身的樣式很難看，并且不同的瀏覽器呈現(xiàn)出來的效果也不一樣。背景濾鏡模糊將圖片設(shè)置為背景的感覺很棒，可以說整個(gè)播放器的顏值這背景提供了一半。正確寫法錯(cuò)誤寫法待優(yōu)化手動修改進(jìn)度，偶爾會不生效。 請忽略下面這段文字年關(guān)將至，時(shí)間好歹又多出了些許。卻不敢過度消遣。歲月未曾饒過我，我亦不想饒過歲月。且將它塞得膨脹，讓這一年看似加更充實(shí)。不曾料想我一個(gè)愛些風(fēng)花雪月、研墨行歌之人，卻做起...

    Java3y 評論0 收藏0

  • vue——一個(gè)頁面實(shí)現(xiàn)音樂播放器

    摘要：用做進(jìn)度條本身的樣式很難看，并且不同的瀏覽器呈現(xiàn)出來的效果也不一樣。背景濾鏡模糊將圖片設(shè)置為背景的感覺很棒，可以說整個(gè)播放器的顏值這背景提供了一半。正確寫法錯(cuò)誤寫法待優(yōu)化手動修改進(jìn)度，偶爾會不生效。 請忽略下面這段文字年關(guān)將至，時(shí)間好歹又多出了些許。卻不敢過度消遣。歲月未曾饒過我，我亦不想饒過歲月。且將它塞得膨脹，讓這一年看似加更充實(shí)。不曾料想我一個(gè)愛些風(fēng)花雪月、研墨行歌之人，卻做起...

    Richard_Gao 評論0 收藏0

  • vue——一個(gè)頁面實(shí)現(xiàn)音樂播放器

    摘要：用做進(jìn)度條本身的樣式很難看，并且不同的瀏覽器呈現(xiàn)出來的效果也不一樣。背景濾鏡模糊將圖片設(shè)置為背景的感覺很棒，可以說整個(gè)播放器的顏值這背景提供了一半。正確寫法錯(cuò)誤寫法待優(yōu)化手動修改進(jìn)度，偶爾會不生效。 請忽略下面這段文字年關(guān)將至，時(shí)間好歹又多出了些許。卻不敢過度消遣。歲月未曾饒過我，我亦不想饒過歲月。且將它塞得膨脹，讓這一年看似加更充實(shí)。不曾料想我一個(gè)愛些風(fēng)花雪月、研墨行歌之人，卻做起...

    genedna 評論0 收藏0

  • selenium實(shí)戰(zhàn)-同步網(wǎng)易云音樂歌單到qq音樂

    摘要：對于這次的爬蟲來說，由于網(wǎng)易云音樂以及音樂網(wǎng)頁中大部分元素都是使用渲染生成的，因此選擇使用來完成這次的腳本?？梢园l(fā)現(xiàn)網(wǎng)易云音樂的手機(jī)版歌單地址是。現(xiàn)在已經(jīng)支持網(wǎng)易云音樂與音樂歌單的互相同步。 本文主要介紹selenium在爬蟲腳本的實(shí)際應(yīng)用。適合剛接觸python，沒使用過selenium的童鞋。(如果你是老司機(jī)路過的話，幫忙點(diǎn)個(gè)star吧) 項(xiàng)目地址 https://github.c...

    dailybird 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<