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