成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

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

codecook / 4077人閱讀

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

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



簡(jiǎn)介

MusicHub ，三合一搜索平臺(tái)，數(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請(qǐng)求數(shù)據(jù)

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

快速使用

前端(App)
? ?- 安裝依賴：yarn (建議使用yarn安裝依賴，依賴?yán)镉幸粋€(gè)git倉(cāng)庫(kù)(對(duì)cube-ui做了修改)，npm 5.5.1 會(huì)報(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文件將會(huì)在Server/view目錄下，其他文件(css、js等)會(huì)在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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/95147.html

相關(guān)文章

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

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

    Java3y 評(píng)論0 收藏0

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

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

    Richard_Gao 評(píng)論0 收藏0

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

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

    genedna 評(píng)論0 收藏0

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

    摘要：對(duì)于這次的爬蟲來說，由于網(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 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<