Vue2.0版英雄聯盟助手，我的第一個小開源項目

Sanchi 發布于2019-08-20 14:42 / 450人閱讀

摘要：版英雄聯盟助手項目地址在線地址技術棧由構建，使用進行數據的請求，使用進行狀態管理，圖片懶加載，輪播組件。

Vue2.0版英雄聯盟助手

vuejs League of Legends project

項目地址

在線地址

1. 技術棧

由 vue-cli + mint-ui 構建，使用 axios 進行數據的請求，使用 vuex 進行狀態管理，圖片懶加載: vue-lazyload，輪播組件：vue-awesome-swiper。

2.Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8888
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

3. 已經完成的模塊

[x] Landing page

[x] 英雄列表頁

[x] 英雄詳情頁

[x] 召喚師搜索頁面

[x] 召喚師詳情頁（內含戰績列表）

[x] 召喚師詳情頁戰績列表的下拉刷新(還不流暢)

[x] 單場比賽對局信息

[x] 關于頁面

[x] 新建新聞頁，作為首頁

4. 效果圖

5. 待完成與優化

[ ] UI優化

[ ] 移動端布局的優化

[ ] 單場比賽信息的完善

[ ] 完善API文檔

[ ] 召喚師搜索頁內容的豐富

[ ] 頁面切換時的動畫效果

[ ] footerfixed，輸入法問題

[ ] 視頻頁加載iframe卡

[ ] 豐富視頻頁內容

6. 結語

在github上看了那么多的vue項目，自己的看過其中的部分，當然肯定也仿過，可是一直沒堅持下去。本項目是自己第一個完整的開源小項目，然后會有很多的不足，也是自己第一次使用vuex，希望大家可以多提意見，我也會一直更新這個項目，喜歡的朋友可以star一下。最后感謝帶玩游戲平臺提供的API！

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/81849.html

2017年2月份前端資源分享

平日學習接觸過的網站積累，以每月的形式發布。2017年以前看這個網址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二維碼十大經典排序算法(帶動圖演示) 為什么知乎前端圈普遍認為H5游戲和H5展示的JSer 個人整理和封裝的YU.js庫|中文詳細注釋|供新手學習使用擴展JavaScript語法記錄 - 掉坑初期工具漢字拼音轉換...

lily_wang 2019-06-27 16:28 評論0 收藏0
2017年2月份前端資源分享

平日學習接觸過的網站積累，以每月的形式發布。2017年以前看這個網址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二維碼十大經典排序算法(帶動圖演示) 為什么知乎前端圈普遍認為H5游戲和H5展示的JSer 個人整理和封裝的YU.js庫|中文詳細注釋|供新手學習使用擴展JavaScript語法記錄 - 掉坑初期工具漢字拼音轉換...

chengjianhua 2019-08-29 12:35 評論0 收藏0
2017年2月份前端資源分享

平日學習接觸過的網站積累，以每月的形式發布。2017年以前看這個網址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二維碼十大經典排序算法(帶動圖演示) 為什么知乎前端圈普遍認為H5游戲和H5展示的JSer 個人整理和封裝的YU.js庫|中文詳細注釋|供新手學習使用擴展JavaScript語法記錄 - 掉坑初期工具漢字拼音轉換...

Anonymous1 2019-08-20 16:31 評論0 收藏0
2017年2月份前端資源分享

平日學習接觸過的網站積累，以每月的形式發布。2017年以前看這個網址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二維碼十大經典排序算法(帶動圖演示) 為什么知乎前端圈普遍認為H5游戲和H5展示的JSer 個人整理和封裝的YU.js庫|中文詳細注釋|供新手學習使用擴展JavaScript語法記錄 - 掉坑初期工具漢字拼音轉換...

dreamtecher 2019-08-01 16:51 評論0 收藏0
Vue2.0王者榮耀助手

摘要：王者榮耀助手項目使用的是帶玩游戲平臺提供的，由于騰訊公司王者榮耀游戲關閉了查看其它人的戰績功能，帶玩平臺受其影響，已將暫時關閉，所以無法獲得穩定的所以會出現令牌過期的情況。 vue-gok vue2.0-王者榮耀助手項目使用的是帶玩游戲平臺提供的API，由于騰訊公司王者榮耀游戲關閉了查看其它人的戰績功能，帶玩平臺受其影響，已將API暫時關閉，所以無法獲得穩定的 DAIWAN-API-...

scq000 2019-08-21 11:38 評論0 收藏0