一、介紹
微信小程序是基於微信平台的程序，其體積小，涵蓋的內容有限，但是相較於APP，可以免於下載，只需一次掃碼即可，也不會占用手機內存，其開發也成了前端人員必須掌握的技能之一。
二、小程序的注冊
要開發小程序，首先需要在微信公眾平台注冊小程序，需要填寫個人主體或企業主體的信息。其中，企業主體可使用的小程序功能較多，如微信支付等。
通過注冊小程序，我們可以獲得小程序的appID。另外，已經申請了微信公眾號的賬號可以直接關聯小程序，而不需要重復注冊。
三、小程序開發工具
小程序開發使用的是微信開發者工具。
四、代碼結構介紹
小程序的代碼主要分為JSON（配置文件）、wxml（相當於html）、wxss（相當於css）和js。項目內每一個子文件夾內都含有這四個文件。
使用微信開發者工具新建項目，可以獲得初始的小程序文件結構。
五、JSON
1.小程序的JSON配置文件包括項目配置（project.config.json)、全局配置（app.json)和頁面配置（page.json)。
2.項目配置是對項目信息的一些配置。app.json可以配置頁面路由（pages）、窗口樣式（window，包括navigationBar）、底部的tabBar。頁面配置則是個性化頁面的一些配置。
六、wxml
1.常見組件有<view>、<image>、<button>等。
2.js中具有data對象，我們可以在data中增加鍵值對，從而在wxml中用雙花括號進行數據綁定。
3.循環需要使用wx:for指令
<view wx:for="{{arr}}" wx:key="*this" {{index}} {{item}} </view>
4.條件渲染有wx:if和hidden兩種方式。區別在於wx:if中的元素若不顯示則相當於display:none，而hidden不顯示相當於visibility:hidden。
<view wx:if="{{isLogin}}">yihao</view> <view wx:else>請登錄</view>
<view hidden="{{!isLogin}}">yihao</view>
七、wxss
1.使用了可以自適應屏幕分辨率的單位rpx（responsive pixel），設定所有的屏幕寬度為750rpx，從而進行元素的自適應。
2.可以在wxss中使用@import '相對路徑/style/common.wxss'引入其他的樣式，也可以引入如weui、iView、vant（有贊開源，基於vue）等第三方樣式庫。
八、js
1.點擊事件可以使用bindtap或catchtap觸發，區別在於bindTap事件會冒泡，而catchTap事件不會冒泡。
<button size="mini" bindtap="onTapHandler">點我加一</button> <view>{{count}}</view>
onTapHandler:function(){ this.setData({ count:this.data.count + 1 }) }
觸發點擊事件時，this表示當前頁面，必須用this.setData才能修改data對象的值，而且獲得data中的count需要用this.data.count語法。
2.事件對象
點擊事件觸發時，按鈕可以獲得事件對象event，而event可以獲得點擊元素的自定義屬性data-xx等數據，可用於函數傳參。
3.要想在wxml里使用一些js代碼，可以通過wxs來實現。