這篇文章主要講解微信小程序的組件。
首先，講解新建項目。現在有句話：招聘三天以上微信小程序開發，這個估計只能去挖微信的工程師了。技術新，既然講解，那我們就從開始建項目講解。
打開微信web開發者工具，如上圖。點擊添加項目，會出現新建項目頁面，如下圖：
其中AppID隨意填寫。ps：正式開發了估計有要求的。填寫項目名稱並選擇保存的路徑，添加項目就ok了。
就這樣，一個hello world 就OK了。
好了，我們現在開始講解微信小程序的組件。
先倒入官方流出的demo文件。可以到微信小程序開發群：390289365 的共享文件里下載。導入后入下圖：
這里可以看到一個能看到的一些組件。我們打開源碼，很熟悉多界面，入口文件為app.js這和好多框架都類似。
是不是發現一個新的東西？還是兩個新的東西？哈哈。。。以wxml和wxss結尾的文件，但是，具體這個怎么解讀呢？wxml我不知道該說w－xml還是wx－xm。這個文件打開以后是布局，類似wpf的xaml布局。wxss呢，我猜應該是微信css吧，即使我們的css文件。這樣一來，是不是前端同學感覺好熟悉，類似平常開發的html（wxml），css（css）js（類似node.js寫法，或則就是吧）。
因為組件還算豐富啊，這篇肯定介紹不完，這先介紹幾種。
一。我們先看demo的效果圖，小程序演示，五個字，這五個字的地方，就說類似移動開發的，導航bar了，這個說可以類似IOS開發一樣，可以總體設置。在哪呢？就如下圖：
這個navigationBar我想肯定也能動態控，但是我沒從api中看到，應該后續官方文檔肯定也會有說明吧。
二。View元素，這個view和react native 類似，和html開發中的div一樣，是一個塊級的。可以設置樣式，如圖中的右側紅圈的樣式。這樣幾乎和html的布局一樣了，連css語法都一樣。view和view可以嵌套，和div一樣，可以設置margin，padding，display，block，全局＊都樣式等方式。前端的小伙伴說不是覺得做這個界面開發沒壓力？
三。navigator 下面這兩個圖說折疊和展示，其實就是控制包含navigator組的view展示與隱藏實現的，后面代碼會說明。
點擊內容分區，三個navigator的父級view現實，再點擊，隱藏。想一想，這如果在html中，這應該是js控制吧，但是在微信web小程序開發呢，看代碼：
“js”代碼是有了，但是“click”方法的綁定呢？，但是翻邊demo代碼也沒發現click的影子。其實在這里微信web小程序開發上用了內嵌的綁定方式，淡然綁定的關鍵字也不是click了，而是bindtap，如下圖：
對用的“widgetsToggle”就是上上圖的“click“事件。通過后台的 typeviewShow來展示前台。
四。text 這個酒類似我們html開發中的label或則span，是一個小塊級元素。這里不多說明來。
五。navigator，這個做我們頁面中的跳轉，其中url屬性指向的跳轉多目標頁面。
六。image 這個就是img咯，src和html開發的一樣咯。
今天的說明就到這吧，明天接着寫，明天盡量介紹一部分，然后模仿個原生app的界面。
下面插個廣告，感謝博客園平台！
如果大家想討論或則找微信開發的資料，有興趣可以添加微信小程序（應用號）qq群:390289365 
，
同時微信小程序開發網已經上線啦！！！微信小程序論壇：www.cwechat.org
咱們微信小應用開發有自己的開發交流網站啦！！！