資訊專欄INFORMATION COLUMN
摘要：社區(qū)項目地址點此查看預(yù)覽地址點此查看使用模擬手機(jī)查看基于全家桶的風(fēng)格社區(qū)盡量接近原生的風(fēng)格，參考了，的客戶端。
vue-md-cnode社區(qū)
項目地址：點此查看
預(yù)覽地址：點此查看（使用chrome模擬手機(jī)查看）
技術(shù)棧基于vue全家桶的Material Design風(fēng)格Cnode社區(qū)
盡量接近原生App的Material Design風(fēng)格，參考了Google Play，Cnode的Android客戶端。
vue2 + vue-router2 + vuex + es6 + webpack + axios + scss + flex + vue-material
描述單頁面應(yīng)用：通過vue-router跳轉(zhuǎn)
狀態(tài)管理：使用vuex實現(xiàn)組件通信，也有一些父子組件使用props通信
MD風(fēng)格：使用vue-material組件庫來實現(xiàn)高仿原生md風(fēng)格
icons：使用Google官方的material design icon
markdown編輯器：mavonEditor
無限滾動：vue-mugen-scroll 實現(xiàn)思路是滾動到底部使page加1，然后通過watch監(jiān)聽page的變化，再獲取數(shù)據(jù)通過concat拼接到原列表
移動端適配：在head標(biāo)簽通過js動態(tài)設(shè)置html標(biāo)簽的font-size，配合sass的自定義函數(shù)，具體可以參考這篇文章，使用方式比如width:100px;可以寫成width:pr(100);
功能[x] 登錄
[x] 保存登錄
[x] 注銷
[x] 切換分類
[x] 主題列表
[x] 主題詳情
[x] 滾動加載
[x] 發(fā)帖
[x] 回復(fù)
[ ] 回復(fù)某人
[x] 收藏
[x] 點贊
[x] 個人中心
[x] 消息
[ ] 消息已讀
[x] 移動端適配
[x] 小尾巴
部分截圖文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/83996.html
摘要：前端日報精選從設(shè)計到源碼用強(qiáng)類型語言增強(qiáng)通過一個場景實例了解前端處理大數(shù)據(jù)的無限可能專題之從零實現(xiàn)的表單驗證第一部分使用和技巧對表單進(jìn)行約束驗證中文譯即將到來的正則表達(dá)式新特性掘金個快速編程技巧個人文章周刊第期相信控制像一樣使用 2017-07-15 前端日報 精選 Redux從設(shè)計到源碼用強(qiáng)類型語言GraphQL增強(qiáng)React通過一個場景實例 了解前端處理大數(shù)據(jù)的無限可能JavaSc...
摘要：關(guān)于路由，剛開始設(shè)計路由的時候想了很多，由于一開始的目標(biāo)就是網(wǎng)易云音樂的所有內(nèi)容，所以設(shè)計了三級路由，，大概這樣，點擊查看。 標(biāo)題略夸張了，但是這個從ui還原上已經(jīng)很接近官方版本了。雖然目前這個是很多人造過的輪子，但是可能每個人的實現(xiàn)方式都不一樣，自己寫一遍也會有許多收獲。 項目地址 預(yù)覽地址 api：ap使用的是一個開源的nodejs封裝的網(wǎng)易云音樂api，地址 技術(shù)棧 vue...
摘要：版社區(qū)假若本項目能給到你一點點幫助，求在線地址掃碼二維碼體驗更佳推薦滿大街的重寫，這個有什么亮點比較接近原生體驗流暢的加載過渡效果舒服細(xì)膩的樣式布局合理的列表渲染優(yōu)化為什么還要重寫版的主要是練手，熟悉全家桶超級好用組件庫，做一個最佳實踐案例 Vue2版CNode社區(qū)WebApp 假若本項目能給到你一點點幫助，求Star！ Github：https://github.com/Ryqsky...
閱讀 1850·2021-11-11 16:54
閱讀 2073·2019-08-30 15:56
閱讀 2385·2019-08-30 15:44
閱讀 1322·2019-08-30 15:43
閱讀 1878·2019-08-30 11:07
閱讀 833·2019-08-29 17:11
閱讀 1485·2019-08-29 15:23
閱讀 3021·2019-08-29 13:01
