組件 — view和scroll-view
view
類似于HTML中的div，是一個塊級元素
案例：通過view組件實現頁面的基礎布局
scroll-view
可滾動的視圖區域，用來實現滾動列表效果
案例：實現縱向滾動效果
scroll-x屬性：允許橫向滾動；scroll-y屬性：允許縱向滾動
在使用豎向滾動的時候，必須給 scroll-view 一個固定高度
組件 — swiper和swiper-item
swiper
輪播圖容器組件
swiper-item
輪播圖item組件（里面每一個可以輪播的item項）
案例：實現輪播圖效果
swiper組件的常用屬性
indicator-dots? ?默認值：false? 是否顯示小圓點
indicator-color 指示點顏色
indicator-active-color? 當前選中的指示點顏色
autoplay 是否自動切換輪播圖
interval 更改自動切換時間間隔 （默認為5s（5000））
circular?默認值：false 是否采用銜接滾動 （最后一張 -> 第一張）
組件 — text和rich-text
text
文本組件；類似于HTML中的span標簽，是一個行內元素
selectable屬性，實現長按選中文本內容的效果（場景：長按選中，復制）
注意：小程序里只有text組件支持長按選中操作
rich-text
富文本組件；支持把HTML字符串渲染成WXML結構
nodes屬性，實現把HTML字符串渲染為對應的UI結構
組件 — button和image
button
type屬性 —— 指定按鈕類型
size="mini" —— 小尺寸按鈕
plain屬性 —— 鏤空按鈕（沒背景色，但有邊框線）
image
mode屬性
常用屬性值：
scaleToFill 默認值 使圖片的寬高完全拉伸至填滿image元素
aspectFit 在保持縱橫比的情況下縮放圖片，使圖片的長邊能完全顯示出來
aspectFill 保持縱橫比縮放圖片，只保證圖片的短邊能完全顯示出來（也就是說，圖片通常只在水平或垂直方向是完整的，另一個方向將會發生截取）
widthFix 寬度不變，高度自適應，保持原圖寬高比不變
heightFix 高度不變，寬度自適應，保持原圖寬高比不變（直到把整張圖片完整顯示出來為止）
小程序API的三大分類
事件監聽API
以on開頭，用來監聽某些事件的觸發
eg. wx.onWindowResize 監聽窗口尺寸變化的事件
同步API
以Sync結尾的API
eg. wx.setStorageSync('key','value')向本地存儲中寫入內容
異步API
需要通過success、fail、complete接收調用的結果
eg. wx.request() 發起網絡數據請求，通過success回調函數接收數據
)
