湊了一把微信小程序的熱鬧!12月,小程序正式發(fā)布,很火,但隨之而來的是各種冷水,唱衰之調(diào)隨處可見。但作為一個小前端,豈能有新技術(shù)卻棄之不顧之理,更何況是微信出品的?抱著學(xué)習(xí)和研 ...
湊了一把微信小程序的熱鬧!12月,小程序正式發(fā)布,很火,但隨之而來的是各種冷水,唱衰之調(diào)隨處可見。但作為一個小前端,豈能有新技術(shù)卻棄之不顧之理,更何況是微信出品的?抱著學(xué)習(xí)和研究的態(tài)度,才有了今天的這個我稱之為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)定的說。具體實(shí)現(xiàn):
列表渲染
切換隱藏/顯示
iconfont的應(yīng)用
干貨新聞
做完天氣預(yù)報(bào),覺得太單薄了,不能稱之為應(yīng)用,何況心里還有點(diǎn)癢癢,于是借用了干貨的API,實(shí)現(xiàn)了簡單的新聞客戶端(捂臉)。具體功能:
新聞詳情的跳轉(zhuǎn)(新聞詳情返回的是含有標(biāo)簽的字符串,小程序不能解析......留待后期解決)
上圖先:

具體代碼這里就不貼出來了......
大家可以直接下載源碼查看,也很簡單。
更重要的是,我想說說微信的組件,被這個坑了......
微信組件補(bǔ)充
微信官網(wǎng)關(guān)于組件的介紹實(shí)在不多,已經(jīng)寫好的在這里不在贅述,官網(wǎng)很清楚了說幾個上面沒有而我們開發(fā)中常用的。
toast消息提示框
toast消息提示框,可用在提示一些信息,比如清楚緩存給用戶一個友好的提示!或操作一些請求不想讓用戶有什么操作,toast也可以做到因?yàn)閠oast顯示時其他操作是無效的。

主要屬性: