>[success] # 小程序基本组件
1. 小程序自己开发了一套`WXML`标记语言和`WXSS`样式语言,并非直接使用标准的`HTML5+CSS3`,因此小程序有属于自己的标签,微信小程序有它标签也叫组件
2. 小程序独立出来了很多原生APP的组件,包含:视图容器、基础内容(图标、进度条、富文本、文本)、表单组件、导航、媒体组件、地图、画布、无障碍访问、开放能力(承载网页的容器)、导航栏、页面属性配置节点等
3. 部分的h5 对比小程序
| html | 微信小程序 |
| --- | --- |
| `<div></div>` | `<view></view>` |
| `<h1></h1><h2></h2>....<h6></h6><p></p><span></span>` | `<text></text>` |
| `<input type="text"><input type="checkbox"><input type="radio"><input type="file">` | `<input /><checkbox /><radio /><view bindtap="changeImage"></view>` |
| `<select><option></option><option></option></select>` | `<picker range="{{area}}"> <view> {{area[index]}}</view></picker>` |
| `<a href="#"></a>` | `<navigator url="#" redirect></navigator>` |
| `<img src="">` | `<image mode="aspectFill" src="">` |
| `<i class="icon"></i>` | `<icon></icon>` |
>[danger] ##### 小程序组件
[小程序组件](https://developers.weixin.qq.com/miniprogram/dev/component/icon.html)
- 小程序了解
- webview 是什么
- Native App、Web App、Hybrid App
- 小程序架构模型
- 小程序配置文件
- app.js -- App函数
- 页面.js -- page
- 生命周期????
- 小程序 -- 页面wxml
- 小程序 -- WXS
- 小程序 -- 事件
- 小程序 -- 样式wxss
- 小程序 -- 组件开发
- 小程序 -- 组件插槽
- 小程序 -- 组件的生命周期
- 组件总结
- 小程序 -- 混入
- 小程序基本组件
- text -- 文本
- view -- 视图容器
- button -- 按钮
- image -- 图片
- scroll-view -- 滚动容器
- input -- 双向绑定
- 通用属性
- 小程序常用Api
- 微信网络请求
- 微信小程序弹窗
- 微信小程序分享
- 获取设备信息 / 获取位置信息
- Storage存储
- 页面跳转
- 小程序登录