1.基礎(chǔ)組件：

什么是組件：

• 組件是視圖層的基本組成單元。


• 組件自帶一些功能與微信風(fēng)格的樣式。


• 一個組件通常包括開始標簽
  和結(jié)束標簽
  ，屬性
  用來修飾這個組件，內(nèi)容
  在兩個標簽之內(nèi)。

2.屬性類型

• Boolean 布爾值 組件寫上該屬性，不管該屬性等于什么，其值都為true
  ，只有組件上沒有寫該屬性時，屬性值才為false
  。如果屬性值為變量，變量的值會被轉(zhuǎn)換為Boolean類型


• Number 數(shù)字 1
  , 2.5


• String 字符串 "string"


• Array 數(shù)組 [ 1, "string" ]


• Object 對象 { key: value }


• EventHandler 事件處理函數(shù)名 "handlerName"
  是 Page中定義的事件處理函數(shù)名


• Any 任意屬性

3.共同屬性類型

id,class,style,hidden,data-*,bind* / catch*

4.特殊屬性

幾乎所有組件都有各自定義的屬性，可以對該組件的功能或樣式進行修飾

5.組件列表

基礎(chǔ)組件分為以下八大類：

視圖容器(View Container)：
view 視圖容器 , scroll-view 可滾動視圖容器, swiper 滑塊視圖容器

基礎(chǔ)內(nèi)容(Basic Content)：
icon 圖標, text 文字, progress 進度條

表單(Form)：
button 按鈕, form 表單， input 輸入框， checkbox 多想選擇器, radio 單選器， picker列表選擇器, slider滾動選擇器, switch 開關(guān)選擇器, label標簽.
操作反饋（Interaction）
action-sheet 上拉菜單
modal 模態(tài)彈窗
toast 消息提示框
loading 加載提示符

導(dǎo)航Navigation

navigator 應(yīng)用鏈接

多媒體(Media)

audio 音頻, image 圖片， video 視頻
地圖

map 地圖

畫布Canvas
canvas 畫布

flex: vt.折曲，使收縮； vi.玩去，收縮

1.API

框架提供豐富的微信原生API，可以方便的調(diào)起微信提供的能力，如獲取用戶信息，本地存儲，支付功能等。

說明：
wx.on 開頭的 API 是監(jiān)聽某個事件發(fā)生的API接口，接受一個 CALLBACK 函數(shù)作為參數(shù)。當(dāng)該事件觸發(fā)時，會調(diào)用 CALLBACK 函數(shù)。
如未特殊約定，其他 API 接口都接受一個OBJECT作為參數(shù)。
*OBJECT中可以指定success
, fail
, complete
來接收接口調(diào)用結(jié)果。

2.API列表： 省略
網(wǎng)絡(luò) API 列表：
媒體 API 列表：
數(shù)據(jù) API 列表：
位置 API 列表：
設(shè)備 API 列表：
界面 API 列表：
開放接口：

每個微信小程序需要事先設(shè)置一個通訊域名，小程序可以跟指定的域名與進行網(wǎng)絡(luò)通信。包括普通 HTTPS 請求（wx.request）、 WebSocket 通信（wx.connectSocket）、上傳文件（wx.uploadFile）和下載文件（wx.downloadFile)。

示例代碼：

1. wx.request({
2. url: 'test.php', data: {
3. x: '' ,
4. y: ''
5. }, header: {
6. 'Content-Type': 'application/json'
7. }, success: function(res) {
8. console.log(res.data)
9. }
10. })

1.為了幫助開發(fā)者簡單和高效地開發(fā)微信小程序，微信推出了全新的開發(fā)者工具，集成了開發(fā)調(diào)試、代碼編輯及程序發(fā)布等功能。

程序調(diào)試主要有三大功能區(qū)：模擬器、調(diào)試工具和小程序操作區(qū)

模擬器模擬微信小程序在客戶端真實的邏輯表現(xiàn)，對于絕大部分的 API 均能夠在模擬器上呈現(xiàn)出正確的狀態(tài)。

2. 調(diào)試工具分為 6 大功能模塊：Wxml、Console、Sources、Network、Appdata、Storage以及Wxml pannel.Sources pannel.Network pannel.Appdata pannel.Storage pannel.Console pannel. 小程序的錯誤輸出，會顯示在Console

3.常用快捷鍵

格式調(diào)整 Ctrl+S：保存文件 Ctrl+[， Ctrl+]：代碼行縮進 Ctrl+Shift+[， Ctrl+Shift+]：折疊打開代碼塊 Ctrl+C Ctrl+V：復(fù)制粘貼，如果沒有選中任何文字則復(fù)制粘貼一 Shift+Alt+F：代碼格式化 Alt+Up，Alt+Down：上下移動一行 Shift+Alt+Up，Shift+Alt+Down：向上向下復(fù)制一行 Ctrl+Shift+Enter：在當(dāng)前行上方插入一行

光標相關(guān) Ctrl+End：移動到文件結(jié)尾 Ctrl+Home：移動到文件開頭 Ctrl+i：選中當(dāng)前行 Shift+End：選擇從光標到行尾 Shift+Home：選擇從行首到光標處 Ctrl+Shift+L：選中所有匹配 Ctrl+D：選中匹配 Ctrl+U：光標回退

項目目錄顯示的是當(dāng)前項目的一些細節(jié)情況，包括圖標、appid、目錄信息等等 點擊預(yù)覽功能，工具會自動編譯和構(gòu)建代碼，并生成代碼包上傳到微信服務(wù)器，成功后將會顯示一個二維碼，開發(fā)者用新版微信掃描二維碼即在手機上看到相應(yīng)項目的真實表現(xiàn)

需要注意的是，內(nèi)測階段，代碼上傳 功能僅管理員微信號可操作可在手機上看到相應(yīng)項目的真實表現(xiàn)