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

資訊專欄INFORMATION COLUMN

Vue2.0簡易案例

sourcenode / 3230人閱讀

摘要:由于眾所周知的原因,谷歌字體只能過墻后才能被正常加載,而中的原生使用了谷歌字體,在這個(gè)案例中改為使用。代碼存在,國內(nèi)訪問速度沒那么快,初次加載較慢請(qǐng)耐心等待。如果項(xiàng)目對(duì)你有所幫助,不妨一下,你的支持是我前進(jìn)的最大動(dòng)力。

效果圖:

使用微信或手機(jī)瀏覽器掃描二維碼預(yù)覽

在線地址:?https://www.huzerui.com/vue2.0-demo

源碼:https://github.com/alex1504/vue2.0-demo

說明:

2017.1.13 主導(dǎo)航電影、音樂、圖書、圖片使用router跳轉(zhuǎn)電影模塊使用tab菜單切換各個(gè)列表模塊下拉滾動(dòng)加載圖片模塊使用flex布局實(shí)現(xiàn)瀑布流效果
2017.1.17 增加了電影詳情模塊,優(yōu)化路由跳轉(zhuǎn)
2017.1.18 增加了登錄、登出模塊,使用leancloud數(shù)據(jù)存儲(chǔ)功能
2017.1.19 增加了圖片詳情模塊,增加了新的生產(chǎn)依賴vue-touch
2017.2.6 新增用戶注冊(cè)模塊

使用vue-cli構(gòu)建 生產(chǎn)環(huán)境依賴包:? ?
"axios": "^0.15.3",??//發(fā)送請(qǐng)求? ?
 "vue": "^2.1.0",?? ? 
"vue-material": "^0.5.2", //谷歌material概念的Ui框架? ?
 "vue-router": "^2.1.1",? ?//路由? ?
 "vue-swipe": "^2.0.2",? ?//slide插件? ?
 "vuex": "^2.1.1"? ?? ?? ?? ?// 狀態(tài)管理? ?
 "vue-touch": "^2.0.0-beta.3",??//觸摸插件
開發(fā)依賴
"babel-core": "^6.0.0",
"babel-loader": "^6.0.0",
"babel-preset-es2015": "^6.0.0",
"cross-env": "^3.0.0",
"css-loader": "^0.25.0",
"file-loader": "^0.9.0",
"mockjs": "^1.0.1-beta3",
"node-sass": "^4.2.0",
"sass": "^0.5.0",
"sass-loader": "^4.0.0",
"style-loader": "^0.13.1",
"vue-loader": "^10.0.0",
"vue-style-loader": "^1.0.0",
"vue-template-compiler": "^2.1.0",
"webpack": "^2.1.0-beta.25",
"webpack-dev-server": "^2.1.0-beta.9"
使用了幾個(gè)開放的接口

各個(gè)接口地址請(qǐng)?jiān)赾omponents中各個(gè)list組件的loadMore方法中查看

豆瓣- 電影??圖書? ?(注意:豆瓣的接口有每分鐘40次的限制,超過調(diào)用貌似會(huì)凍結(jié)幾分鐘,所以電影模塊和圖書模塊有時(shí)候會(huì)出現(xiàn)沒有東西的情況)

網(wǎng)易- 音樂列表??音樂搜索

gankio- 福利圖

其他說明:

Vue-material組件中的spinner(加載組件)在安卓機(jī)下面的瀏覽器有些無法正常顯示(除了chrome),ios下面測試正常,微信中體驗(yàn)效果較好。

由于眾所周知的原因,谷歌字體只能過墻后才能被正常加載,而Vue-material中的原生icon使用了谷歌字體,在這個(gè)案例中改為使用iconfont。

代碼存在github,國內(nèi)訪問速度沒那么快,初次加載較慢請(qǐng)耐心等待。

如果項(xiàng)目對(duì)你有所幫助,不妨star一下,你的支持是我前進(jìn)的最大動(dòng)力。

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/81287.html

相關(guān)文章

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要:五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風(fēng)荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源;定時(shí)更新,歡迎 Star 一下。 蘇...

    sutaking 評(píng)論0 收藏0
  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要:五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風(fēng)荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源;定時(shí)更新,歡迎 Star 一下。 蘇...

    khs1994 評(píng)論0 收藏0
  • Vue 筆記三:Vue2.0與1.0的區(qū)別

    摘要:升級(jí)的區(qū)別與的斷層式升級(jí)不同,延續(xù)了自己的風(fēng)格。在命名方式和上有一些區(qū)別,掌握它們是你升級(jí)整個(gè)項(xiàng)目的關(guān)鍵。以下內(nèi)容都是來源于個(gè)人項(xiàng)目的一些經(jīng)驗(yàn)之談,并非系統(tǒng)性的闡述??偰夸浨岸私?jīng)驗(yàn)收集器轉(zhuǎn)載自個(gè)人建了前端學(xué)習(xí)群,旨在一起學(xué)習(xí)前端。 升級(jí)的區(qū)別 與angular的斷層式升級(jí)不同,vue延續(xù)了自己的風(fēng)格。在命名方式和API上有一些區(qū)別,掌握它們是你升級(jí)整個(gè)項(xiàng)目的關(guān)鍵。以下內(nèi)容都是來源于個(gè)人...

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

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

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<