這段時間寫的一個項目,供給大家互相學習,有什麼疑問可以issues我。 ...
【本博客為原創:http://www.cnblogs.com/HeavenBin/】
前言:
這段時間寫的一個項目,供給大家互相學習,有什麼疑問可以issues我。
源碼地址:https://github.com/HeavenBin/VueMusic
項目構成
├── build // webpack配置文件 ├── config // 不同環境的打包配置 ├── dist // 生產目錄 ├── index.html // 入口html文件 ├── package.json // 項目配置文件 ├── static // 放置靜態資源 ├── src // 開發目錄 │ ├── pages // 頁面 │ ├── components // 組件 │ ├── config // 基本配置 │ ├── images // 公共圖片 │ ├── plugins // 引用插件 │ ├── router // 路由配置 │ ├── service // 數據交互 │ ├── store // vuex狀態管理 │ ├── style // 公共樣式 │ ├── App.vue // 頁面入口文件 │ └── main.js // 程式入口文件
技術棧
- Vue2:採用現代漸進式框架Vue2的版本
- Vuex:管理公共組件狀態量
- vue-router:管理單頁面應用路由
- 自定義ajax:基於xmlhttprequest對象以及新興Fetch對象結合封裝的http請求
- CSS3:CSS3動畫及樣式。
- Sass:css預處理語言。
- Webpack:自動化構建工具,主要配置vue-cli腳手架提供。
- ES6:採用ES6語法。
- SVG:基於可擴展標記語言的可縮放矢量圖形。
- 介面來源(感謝Binaryify不斷更新的網易雲音樂介面)
如果您認為這篇文章還不錯或者有所收穫,您可以通過掃描一下下麵的支付寶二維碼 打賞我一杯咖啡【物質支持】,也可以點擊右下角的【推薦】按鈕【精神支持】,因為這兩種支持都是我繼續寫作,分享的最大動力