湊了一把微信小程序的熱鬧！12月，小程序正式發(fā)布，很火，但隨之而來(lái)的是各種冷水，唱衰之調(diào)隨處可見(jiàn)。但作為一個(gè)小前端，豈能有新技術(shù)卻棄之不顧之理，更何況是微信出品的？抱著學(xué)習(xí)和研究的態(tài)度，才有了今天的這個(gè)我稱之為DEMO的和風(fēng)小程序，以及小小的總結(jié)。

源代碼在這里：https://github.com/CaptainLiao/wechatProgram

源碼下載：wechatProgram-master.zip

實(shí)現(xiàn)功能

天氣預(yù)報(bào)

這是最先嘗試的，用和風(fēng)天氣的API,好處是免費(fèi)，但不是很穩(wěn)定的說(shuō)。具體實(shí)現(xiàn)：

• 列表渲染

• 切換隱藏/顯示

• iconfont的應(yīng)用

干貨新聞

做完天氣預(yù)報(bào)，覺(jué)得太單薄了，不能稱之為應(yīng)用，何況心里還有點(diǎn)癢癢，于是借用了干貨的API,實(shí)現(xiàn)了簡(jiǎn)單的新聞客戶端（捂臉）。具體功能：

• 圖片的切換
• 新聞列表，簡(jiǎn)單的數(shù)據(jù)處理
• 下拉加載
• 上拉刷新

新聞詳情的跳轉(zhuǎn)（新聞詳情返回的是含有標(biāo)簽的字符串，小程序不能解析......留待后期解決）

上圖先：

具體代碼這里就不貼出來(lái)了......

大家可以直接下載源碼查看，也很簡(jiǎn)單。

更重要的是，我想說(shuō)說(shuō)微信的組件，被這個(gè)坑了......

微信組件補(bǔ)充

微信官網(wǎng)關(guān)于組件的介紹實(shí)在不多，已經(jīng)寫好的在這里不在贅述，官網(wǎng)很清楚了說(shuō)幾個(gè)上面沒(méi)有而我們開(kāi)發(fā)中常用的。

toast消息提示框

toast消息提示框，可用在提示一些信息，比如清楚緩存給用戶一個(gè)友好的提示！或操作一些請(qǐng)求不想讓用戶有什么操作，toast也可以做到因?yàn)閠oast顯示時(shí)其他操作是無(wú)效的。

主要屬性：