組件
一.小程序中組件的分類
,開發(fā)者可以基于組件快速搭建出漂亮的頁面解構。官方把小程序的組件分為了9大類:分別是:(標紅的為常用)
(1).
- 普通視圖區(qū)域
- 類似于Html中的div,是一個塊級元素
- 常用來實現(xiàn)頁面的布局效果
二膀钠、view組件的基本使用
- 可滾動的視圖區(qū)域
-
常用來實現(xiàn)滾動列表效果
- 輪播圖容器組件 和 輪播圖item組件
1.swiper 和 swiper-item 組件的基本使用
2.swiper組件的常用屬性
(2).
1.常用的基礎內容組件
- 文本組件
- 類似于HTML中的span標簽裹虫,是一個行元素
文本選中效果屬性:
text組件的基本使用
通過text組件的selectable屬性肿嘲,實現(xiàn)長按選中文本內容的效果:
- 富文本組件
- 支持把HTML 字符串渲染為WXML結構
通過richg-text
組件的nodes
屬性節(jié)點,把html字符串渲染為對應的UI解構
(3).
? button
- 按鈕組件
- 功能比html中的button按鈕豐富
-
通過open-type屬性可以調用微信提供各種功能(客服筑公、轉發(fā)雳窟、獲取用戶授權、獲取用戶信息等)
?image
- 圖片組件
-
image組件默認寬度約300px匣屡、高度約240px
image組件中的mode屬性
image組件的mode屬性用來孩子定圖片的裁剪和縮放封救,常用的mode屬性值如下:
(4).
? navigator
- 頁面導航組件
- 類似于HTML中的a鏈接
(5).媒體組件
(6).map地圖組件
(7).canvas 畫布組件
(8).開放能力
(9). 無障礙訪問
4.API
一、小程序的API概述
.捣作,通過這些豐富的小程序API誉结,開發(fā)者可以方便的i奧用微信提供的能力,例如:獲取用戶信息券躁、本地儲存惩坑、支付功能等
二掉盅、API的3大類
.
- 特點: 以 .開頭,用來.
- 舉例:調用. (function callback)監(jiān)聽窗口尺寸變化的事件
. - 特點1: 以結尾的Api都是同步Api
- 特點2: 同步APi的執(zhí)行結果以舒,可以通過函數(shù)返回值直接獲取趾痘,如果執(zhí)行出錯會拋出異常
- 舉例:調用('key','value')向本地儲存寫入內容
. - 特點:.函數(shù),需要通過success稀轨、fail扼脐、complete 接收調用的結果
- 舉例:wx..()發(fā)送網(wǎng)絡數(shù)據(jù)請求、通過success回調函數(shù)接收數(shù)據(jù)