我們都知道在小程序在推出之后，伴隨著推出小程序一款測(cè)試小程序--小程序示例由此而生。

　　小程序官方示例Demo，就當(dāng)前已支持的接口能力及組件進(jìn)行展示，具體詳情可以查看小程序開發(fā)使用。小程序示例入口，小程序示例二維碼——通過微信搜索框直接可以查看微信搜索框搜索小程序示例，或者在小程序搜索界面直接可以看到小程序示例點(diǎn)擊進(jìn)入。

　　一、小程序官方組件展示：

　　以下將展示小程序官方組件能力，組件樣式僅供參考，開發(fā)者可根據(jù)自身需求自定義組件樣式，具體屬性參數(shù)詳見小程序開放文檔。

　　1、視圖容器

　　包含[view][scroll-view][swiper]

　　2、基礎(chǔ)內(nèi)容

　　包含[text][icon][progress]

　　3、表單組件

　　包含[button][checkbox][form][input][label][picker][radio][slider][switch][textarea]

　　4、導(dǎo)航

　　包含[navigator]

　　5、媒體組件

　　包含[image][audio][video]

　　6、地圖

　　包含[map]

　　7、畫布

　　包含[canvas]

　　二、小程序接口能力展示

　　以下將演示接口能力，具體屬性參數(shù)詳見小程序開放文檔。

　　1、開放接口

　　微信登錄

　　獲取用戶信息

　　發(fā)起支付

　　轉(zhuǎn)發(fā)

　　轉(zhuǎn)發(fā)按鈕

　　客服消息

　　模板消息

　　2、界面

　　設(shè)置界面標(biāo)題

　　標(biāo)題欄加載動(dòng)畫

　　頁(yè)面跳轉(zhuǎn)

　　下拉刷新

　　創(chuàng)建動(dòng)畫

　　創(chuàng)建繪畫

　　顯示操作菜單

　　顯示模態(tài)彈窗

　　顯示消息提示框

　　3、設(shè)備

　　獲取手機(jī)網(wǎng)絡(luò)狀態(tài)

　　監(jiān)聽手機(jī)網(wǎng)絡(luò)變化

　　獲取手機(jī)系統(tǒng)信息

　　監(jiān)聽重力感應(yīng)數(shù)據(jù)

　　監(jiān)聽羅盤數(shù)據(jù)

　　打電話

　　4、網(wǎng)絡(luò)

　　發(fā)起一個(gè)請(qǐng)求

　　WebSocket

　　上傳文件

　　下載文件

　　5、媒體

　　圖片

　　錄音

　　背景音頻

　　文件

　　視頻

　　6、位置

　　獲取當(dāng)前位置

　　使用原生地圖查看位置

　　使用原生地圖選擇位置

　　7、數(shù)據(jù)

　　存儲(chǔ)數(shù)據(jù)

　　讀取數(shù)據(jù)

　　查看數(shù)據(jù)