微信小程序為開發人員提供了眾多的基礎開發組件，利用這些組件，開發人員可以更為便捷迅速的完成開發工作，下面我就給大家介紹一下，比較常見的小程序開發組件有哪些。

什麼是小程序開發組件？

組件是小程序視圖層的基本組成單元，它自帶一些功能與微信風格相符的樣式，一個組件通常包括開始標籤和結束標籤，屬性用來對這個組件進行修飾，內容在兩個標籤之間。

常見的小程序開發組件有哪些？

小思經過總結之後發現，比較常見的小程序開發組件有以下這八種：

1.視圖類組件

視圖可以類比html中的div，所有的組件都嵌套在視圖容器中，視圖組件分為以下幾類：

view（視圖容器組件）

scroll-view（可滾動視圖容器組件）

swiper（滑塊視圖容器組件）

movable-area（可移動的視圖容器組件）

cover-view（覆蓋視圖組件）

2.基礎內容類組件

小程序基礎內容類組件包括icon圖標組件、text文本組件、progress進度條組件三種。

icon圖標組件：微信小程序為不同的場景提供了豐富的圖標，帶有不同含義的圖標，如成功，警告，取消，下載等等。

text文本組件： text文本組件支持轉義字符，例如換行 n，空格 t，並且<text/> 組件內只支持 <text/> 嵌套，除了文本節點以外的其他節點都無法長按選中。

text文本組件組件是放置在一行當中的，不同於view組件。

進度條組件：進度條組件是一種可以增強用戶體驗的組件。就像播放視頻一樣，用戶可以通過進度條查看完整的視頻長度和當前進度。這允許用戶更為合理的安排他們自己的時間並改善用戶體驗，另外微信小程序還提供了一個progress進度條組件。

3.表單類組件

表單類組件可以細分為button按鈕組件、checkbox多項選擇器組件、form表單組件、input輸入框組件、label改進表單組件、picker選擇器組件、picker-view嵌入頁面的滾動選擇器組件、radio單項選擇器組件、slider滑動選擇器組件、switch開關選擇器組件、textarea多行輸入框組件等十一個組件。

4.導航類組件

navigator導航頁面鏈接組件是用在wxml頁面中跳轉的導航，它主要有三種類型。

第一種：保留當前頁面之後跳轉，跳轉後可以返回當前頁，它與wx.navigatorTo跳轉效果是一樣的。

第二種：關閉當前頁面跳轉，無法返回當前頁，它與wx.reditrctTo跳轉效果是一樣的。

第三種：跳轉到底部標籤導航的指定頁面，它與wx.switchTab跳轉效果是一樣的。

5.媒體類組件

小程序媒體類組件可以細分為audio音頻組件、image圖片組件、video視頻組件三種類型。

6.地圖類組件

移動應用中地圖是必不可缺的內容，通過地圖可以很直觀地表現出地理位置信息，為此小程序提供了<map/>組件。

7.畫布類組件

canvas畫布組件可以用來繪製圖形和動畫，圖形和動畫的具體實現要藉助API wx.createCanvasContext，wx.createCanvasContext返回一個canvas對象，它有很多的繪圖方法，譬如描邊、畫矩形、圓形等等。

8.客服類組件