摘要:最近使用社區(qū)提供的做了簡(jiǎn)單練習(xí)項(xiàng)目地址預(yù)覽地址正好學(xué)會(huì)如何把項(xiàng)目部署到使用做簡(jiǎn)單動(dòng)畫(huà)效果,解析文本只做了簡(jiǎn)單的幾個(gè)功能,所以沒(méi)有用到,感覺(jué)小項(xiàng)目其實(shí)用不多。主要頁(yè)面文件采用獲取提交數(shù)據(jù)在先初始化獲取帖子列表信息填充帖子列表
最近使用vue+cnode社區(qū)提供的api做了簡(jiǎn)單練習(xí)
項(xiàng)目地址:https://github.com/joyhb/vueNode
預(yù)覽地址:https://joyhb.github.io/vueNo...
正好學(xué)會(huì)如何把項(xiàng)目部署到github
使用vue+vue-router+es6+animate.css+less+marked+cnode-api
animate.css做簡(jiǎn)單動(dòng)畫(huà)效果,marked解析markdown文本
只做了簡(jiǎn)單的幾個(gè)功能,所以沒(méi)有用到vuex,感覺(jué)小項(xiàng)目其實(shí)用vuex不多。
主要頁(yè)面文件:
index.vue
footer.vue
header.vue
loading.vue
toast.vue
list.vue
user.vue
topic.vue
login.vue
采用axios獲取提交數(shù)據(jù):
在data先初始化list:[] // 獲取帖子列表信息 getList: function (index, page, limit) { axios.get(config.ajaxUrl + "/api/v1/topics", { params: { page: this.page || 1, tab: index, limit: this.limit || 20 } }).then((response) => { this.list = [] this.loading = false const data = response.data // 填充帖子列表 data.data.map((item) => this.list.push(item)) }).catch((error) => { console.log(error) }) },
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/91747.html
摘要:的雙向數(shù)據(jù)綁定方法我覺(jué)得很巧妙我是尤雨溪腦殘粉為什么選美團(tuán)外賣(mài)美團(tuán)外賣(mài)項(xiàng)目估計(jì)差不多能夠設(shè)計(jì)到大部分技術(shù)點(diǎn),不包括服務(wù)端渲染作為練習(xí)夠用了。平日里我點(diǎn)外賣(mài)一直用美團(tuán)。用多了可能也比較了解美團(tuán)外賣(mài)吧。 前言 很多初學(xué)者尤其是像我這樣的公司有且只有一個(gè)前端的時(shí)候,硬著頭皮去學(xué)習(xí)一門(mén)新框架,周?chē)鸁o(wú)人幫忙,平日里遇到問(wèn)題只能求助于思否,百度,google。點(diǎn)擊我的個(gè)人頭像去看我的提問(wèn)你們就知道...
摘要:項(xiàng)目地址前言該項(xiàng)目是采用社區(qū)提供的,基于重寫(xiě),在此特別感謝然后也要感謝的項(xiàng)目給予我的啟發(fā)。 項(xiàng)目地址 https://github.com/LeeWgg/CNode DEMO http://www.leewgg.cn/projects... 前言 該項(xiàng)目是采用Cnode社區(qū)提供的api,基于vue2.0重寫(xiě),在此特別感謝?。。∪缓笠惨兄x https://github.com/shin...
摘要:基于的框架仿的社區(qū)服務(wù)端渲染,主要是為了優(yōu)化以及首屏加載速度線上地址地址技術(shù)棧目錄結(jié)構(gòu)配置文件封裝工具函數(shù)滾動(dòng)條操作函數(shù)靜態(tài)資源實(shí)例化之前執(zhí)行的插件注冊(cè)全局組件注冊(cè)全局服務(wù)端渲染時(shí)保存供服務(wù)端請(qǐng)求時(shí)的獲取頁(yè)面級(jí)組件首頁(yè)登錄頁(yè)未讀消 nuxt-cnode 基于vue的nuxt框架仿的cnode社區(qū)服務(wù)端渲染,主要是為了seo優(yōu)化以及首屏加載速度 線上地址 http://nuxt-cnod...
閱讀 1660·2021-10-09 09:44
閱讀 2913·2021-10-08 10:04
閱讀 2506·2021-09-26 09:55
閱讀 3890·2021-09-22 10:02
閱讀 3334·2019-08-29 17:08
閱讀 1090·2019-08-29 15:08
閱讀 2983·2019-08-26 13:52
閱讀 3300·2019-08-26 13:34