1、添加一些圖片素材（網上找的），複製到項目的根目錄下麵，和pages目錄同級

2、查看微信文檔介紹

3、打開blog文件夾，編輯blog.js，page函數裏麵添加對象，data對象表示數據，即和後台交互的數據都在這裏麵存儲(chu) 和展示，onLoad,onReady等函數是微信在頁麵加載時默認存在的函數，我們(men) 可以重寫(xie) ，實現我們(men) 自己的邏輯

4、點擊編譯查看對應的效果，及函數加載順序,onLoad、onShow 、onReady的加載順序

5、網絡請求

打開微信文檔，裏麵有對應的網絡請求api，wx.request（），接收一個(ge) 對象，包含我們(men) 請求的各種參數（交互的域名正式環境有限製，而且需要為(wei) https）

6、編輯blog.js，在onLoad函數裏麵發起網絡請求，接口地址是我測試用的地址，會(hui) 返回對應的數據列表，注意的地方是this指向問題，因為(wei) 是在回調函數裏麵獲取數據的，然後需要放到data對象裏麵，所以需要提前保存this對象的地址

現在進入頁麵就可看到控製台打印接收到的數據了（數據請求也可以這樣發送）

8、展示層代碼，使用<block wx:for="{{list}}"> 遍曆文章對象，{{}} 取的是data數據層裏麵的數據

綁定的下拉函數（不做處理）

10、處理樣式，view標簽可以使用css3的樣式，並且微信本身也提供一些計算尺寸的方法，也支持樣式選擇器，類選擇器，id選擇器，直接看代碼，編輯我們(men) 的blog.wxss

11、現在就可以保存，然後點擊左側(ce) 的編譯，就完成了列表展示

已經可以見世人了，碼字不容易，篇幅較長，請留意第三篇