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

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

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

接下來，正式開始我們的微信小程序之旅

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

構(gòu)建過程我這里直接列舉一些鏈接的方式，因?yàn)橄氚阎饕钠脕韺懗绦虻倪^程。

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

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

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

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

正是開始搭建

這是我們完成之后的視圖

 

頁(yè)面分析：

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

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

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

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

pages/

pages/index/index.wxml

pages/index/index.js

pages/index/index.wxss