>[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存儲
- 頁面跳轉
- 小程序登錄