1.基礎組件:
什么是組件:
2.屬性類型
3.共同屬性類型
id,class,style,hidden,data-*,bind* / catch*
4.特殊屬性
幾乎所有組件都有各自定義的屬性,可以對該組件的功能或樣式進行修飾
5.組件列表
基礎組件分為以下八大類:
視圖容器(View Container):
view 視圖容器 , scroll-view 可滾動視圖容器, swiper 滑塊視圖容器
基礎內容(Basic Content):
icon 圖標, text 文字, progress 進度條
表單(Form):
button 按鈕, form 表單, input 輸入框, checkbox 多想選擇器, radio 單選器, picker列表選擇器, slider滾動選擇器, switch 開關選擇器, label標簽.
操作反饋(Interaction)
action-sheet 上拉菜單
modal 模態彈窗
toast 消息提示框
loading 加載提示符
導航Navigation
navigator 應用鏈接
多媒體(Media)
audio 音頻, image 圖片, video 視頻
地圖
map 地圖
畫布Canvas
canvas 畫布
flex: vt.折曲,使收縮; vi.玩去,收縮
1.API
框架提供豐富的微信原生API,可以方便的調起微信提供的能力,如獲取用戶信息,本地存儲,支付功能等。
說明:
wx.on 開頭的 API 是監聽某個事件發生的API接口,接受一個 CALLBACK 函數作為參數。當該事件觸發時,會調用 CALLBACK 函數。
如未特殊約定,其他 API 接口都接受一個OBJECT作為參數。
*OBJECT中可以指定success
, fail
, complete
來接收接口調用結果。
2.API列表: 省略
網絡 API 列表:
媒體 API 列表:
數據 API 列表:
位置 API 列表:
設備 API 列表:
界面 API 列表:
開放接口:
每個微信小程序需要事先設置一個通訊域名,小程序可以跟指定的域名與進行網絡通信。包括普通 HTTPS 請求(wx.request)、 WebSocket 通信(wx.connectSocket)、上傳文件(wx.uploadFile)和下載文件(wx.downloadFile)。
示例代碼:
1.為了幫助開發者簡單和高效地開發微信小程序,微信推出了全新的開發者工具,集成了開發調試、代碼編輯及程序發布等功能。
程序調試主要有三大功能區:模擬器、調試工具和小程序操作區
模擬器模擬微信小程序在客戶端真實的邏輯表現,對于絕大部分的 API 均能夠在模擬器上呈現出正確的狀態。
2. 調試工具分為 6 大功能模塊:Wxml、Console、Sources、Network、Appdata、Storage以及Wxml pannel.Sources pannel.Network pannel.Appdata pannel.Storage pannel.Console pannel. 小程序的錯誤輸出,會顯示在Console
3.常用快捷鍵
格式調整 Ctrl+S:保存文件 Ctrl+[, Ctrl+]:代碼行縮進 Ctrl+Shift+[, Ctrl+Shift+]:折疊打開代碼塊 Ctrl+C Ctrl+V:復制粘貼,如果沒有選中任何文字則復制粘貼一 Shift+Alt+F:代碼格式化 Alt+Up,Alt+Down:上下移動一行 Shift+Alt+Up,Shift+Alt+Down:向上向下復制一行 Ctrl+Shift+Enter:在當前行上方插入一行
光標相關 Ctrl+End:移動到文件結尾 Ctrl+Home:移動到文件開頭 Ctrl+i:選中當前行 Shift+End:選擇從光標到行尾 Shift+Home:選擇從行首到光標處 Ctrl+Shift+L:選中所有匹配 Ctrl+D:選中匹配 Ctrl+U:光標回退
項目目錄顯示的是當前項目的一些細節情況,包括圖標、appid、目錄信息等等 點擊預覽功能,工具會自動編譯和構建代碼,并生成代碼包上傳到微信服務器,成功后將會顯示一個二維碼,開發者用新版微信掃描二維碼即在手機上看到相應項目的真實表現
需要注意的是,內測階段,代碼上傳 功能僅管理員微信號可操作可在手機上看到相應項目的真實表現