视图容器

cover-image（覆盖在原生组件之上的图片视图。）；

cover-view（覆盖在原生组件之上的文本视图。）；

movable-area（可移动区域）；

movable-view（可移动的视图容器，在页面中可以拖拽滑动。<movable-view>必须在 <movable-area> 组件中，并且必须是直接子节点，否则不能移动）；

scroll-view（可滚动视图区域。使用竖向滚动时，需要给<scroll-view>一个固定高度）

swiper（滑块视图容器。其中只可放置<swiper-item>组件，否则会导致未定义的行为）

swiper-item（仅可放置在<swiper>组件中，宽高自动设置为100%。）

view（相当于HTML中的div）

基础内容

icon（图标）

progress（进度条）

rich-text（富文本）

text（文本）

表单组件

button，checkbox，checkbox-group（多项选择器，内部由多个checkbox组成），

form，input（原生组件），textarea（多行输入框。该组件是原生组件，使用时请注意相关限制。），label，

picker（从底部弹起的滚动选择器），

picker-view（嵌入页面的滚动选择器。其中只可放置 picker-view-column组件，其它节点不会显示）

picker-view-column，radio，radio-group（单项选择器，内部由多个 <radio> 组成）

slider（滑动选择器）

switch（开关选择器）

导航

functional-page-navigator（仅在插件中有效，用于跳转到插件功能页。），navigator（页面链接）

媒体组件

camera（系统相机），image（图片。支持JPG、PNG、SVG格式），video

live-player（实时音视频播放），live-pusher（实时音视频录制）

map（地图），canvas（画布）

open-data（用于展示微信开放的数据，如头像，名称）

web-view（承载网页的容器。会自动铺满整个小程序页面，个人类型与海外类型的小程序暂不支持使用。）

原生组件（小程序中的部分组件是由客户端创建的原生组件）

• camera
• canvas
• input（仅在focus时表现为原生组件）
• live-player
• live-pusher
• map
• textarea
• video

特点：1.层级最高；2.无法在 <picker-view> 中使用；3.使用原生组件最好在真机上测试；4.原生组件的事件监听不能使用 bind:eventname 的写法，只支持 bindeventname。原生组件也不支持 catch 和 capture 的事件绑定方式；5.无法对原生组件设置 CSS 动画；6.无法定义原生组件为 position: fixed；7.不能在父级节点使用 overflow: hidden 来裁剪原生组件的显示区域。

前端知识/技术总结（一）微信小程序路由方法总结前端知识/技术总结（二）