小程序入门

1，小程序中主要的应用标签

1. view（容器标签）
2. text （文本标签）
3. image （图片标签）
4. audio （音频） video （视频）
5. button （按钮标签）
6. checkbox （复选框标签） radio （单选框）
7. form （表单）
8. input （输入框标签） textarea （多行输入框）
9. canvas （画布）

2，小程序中页面跳转的方式

1，wx.switchTab({ url: 跳转地址, succcess: 成功回调, fail: 失败回调, complete: 接口调用结束后回调, }) ------- 用于tabBar页面的切换
2，wx.reLaunch() ---- 关闭所有页面， 打开应用中某个页面
3，wx.redirectTo() ------ 页面跳转， 但不允许跳转到tabbar页面
4，wx.navigateTo() ------ 页面跳转（会留下跳转痕迹，通过wx.navigateBack返回原页面， 最多十层），但不能跳转tabBar页面。
5，wx.navigateBack() ------ 页面返回 （可通过getCurrentPages获取当前页面）

3，小程序的生命周期

app.js

onLaunch – 监听小程序初始化
onShow – 监听小程序显示
onHide – 监听小程序隐藏

page页面

onLoad – 监听页面加载
onReady – 监听页面初次渲染完成
onShow – 监听页面显示
onHide --监听页面隐藏
onUnload – 监听页面卸载

4，小程序的视图模块

1，数据绑定

<view>{{ message }}</ view>

2，列表渲染

<view wx:for="{{ list }}">{{ item }}</ view> index

3，条件渲染

<view wx:if="{{ view == 'a'}}"></ view>
<view wx:elif="{{ view == 'b'}}"></ view>
<view wx:else="{{ view == 'c'}}"></ view>

4，数据展示的具体呈现方式

<view hidden="{{flag ? true : false}}"> Hidden </view>