小程序剛出來(lái)的第一天，朋友圈被刷屏了，所以趁周末也小玩了一下小程序。其實(shí)發(fā)覺(jué)搭建一個(gè)小程序不難，只要給你一個(gè)demo，然后自己不斷的查看文檔，基本就可以入門(mén)了，不過(guò)對(duì)于這種剛出來(lái)的東西，還是挺多坑的，也就是文檔說(shuō)的bug&tips

　　本文只是搭建了cnode的首頁(yè)和詳情頁(yè)，其他的什么個(gè)人中心啊，搜索啊，都是一樣的道理，照葫蘆畫(huà)瓢，首頁(yè)和詳情頁(yè)會(huì)了，其他的頁(yè)面也就會(huì)了，所以其他頁(yè)面我就偷懶沒(méi)寫(xiě)了。

　　為什么會(huì)想到模仿cnode呢，因?yàn)檫@個(gè)網(wǎng)站有公開(kāi)的API文檔，調(diào)用起來(lái)方便。文檔地址在這里：https://cnodejs.org/api

接下來(lái)，正式開(kāi)始我們的微信小程序之旅

構(gòu)建準(zhǔn)備工作

構(gòu)建過(guò)程我這里直接列舉一些鏈接的方式，因?yàn)橄氚阎饕钠脕?lái)寫(xiě)程序的過(guò)程。

1、首先你需要注冊(cè)一個(gè)微信小程序的開(kāi)發(fā)平臺(tái)：點(diǎn)這里

2、其次你需要完善你的信息，來(lái)獲取AppID，如果沒(méi)有AppID的話，微信小程序的有些功能是用不了的，個(gè)人的話是無(wú)法申請(qǐng)到的，要有企業(yè)的驗(yàn)證信息，不過(guò)可以看看這篇文章破解：點(diǎn)這里

3、需要下載一個(gè)微信開(kāi)發(fā)者工具：點(diǎn)這里

4、前面的步驟準(zhǔn)備好之后，開(kāi)始構(gòu)建我們的項(xiàng)目，構(gòu)建過(guò)程可以看看這篇文章：點(diǎn)這里

正是開(kāi)始搭建

這是我們完成之后的視圖

 

頁(yè)面分析：

    我們可以看到，頁(yè)面的頁(yè)腳有3個(gè)導(dǎo)航按鈕,分別是首頁(yè)、搜索、我的。

    首頁(yè)的話有5個(gè)tab切換，分別是全部、精華、分享、問(wèn)答、招聘，當(dāng)我們點(diǎn)擊文章標(biāo)題的時(shí)候，可以跳轉(zhuǎn)到對(duì)應(yīng)的詳情頁(yè)，按返回，可以回到上一級(jí)頁(yè)面。上拉，可以加載更多。接下來(lái)我們就來(lái)完成這些功能。

小程序的開(kāi)發(fā)文檔在這里，可以跟著文檔來(lái)看下面的代碼：文檔

我們的目錄結(jié)構(gòu)如下：

pages/

pages/index/index.wxml

pages/index/index.js

pages/index/index.wxss