vue組件app彙總的項目(自我總結,提升)

本人用vue也大大小小的寫了好多項目,趁着這段時間稍微空點,整理下這段時間寫項目的一些心得和一些平時工做中用到的組件,打算拼拼湊湊寫成一個app。(代碼和github地址在最底下,若是以爲還能夠。麻煩給個start!)vue

打個廣告:

想聽歌,又想看新聞,不想打開2個app,來下載個人app吧,一個解決問題(哈哈)ios

好吧這就是我作這個app的初衷,先上兩張界面

沒錯,就是二合一,樣式大概就是各類app上抄來的(畢竟沒有UI支持),功能上暫時還有不少缺失,我會慢慢補上,數據暫時讀的static裏面的json,不過也是使用axios讀取的。和讀取後臺一個概念。 廢話很少說,下面是頁面技術使用狀況git

技術使用狀況

1.ui方面用element-ui
2.滾動用better-scroll
3.狀態管理vuex
4.路由管理vue-router
5.輪播vue-awesome-swiper
6.請求用的axios
7.fastclick解決300毫秒的延遲問題
8.vue-lazyload圖片的懶加載問題
複製代碼

使用到的優化

一、採用font-icon來減小圖片
二、採用v-if來控制第一次加載
三、採用lazyload來實現懶加載
四、配置vue-router來實現按需加載DOM資源
五、搜索的時候採用節流函數來減小請求
複製代碼

這是在線的項目地址,有些部署方面的問題暫時尚未時間去處理,也是第一次本身部署發佈項目,後面會一個一個都解決掉.github的代碼運行具體看github下面的提示哦!!github

項目地址(www.minlu.shop:8080/dist)

github地址(github.com/lm183431196…)

相關文章
相關標籤/搜索