小程序第二弹

一，表单双向绑定

1.小程序实现表单动态数据双向绑定

1.view
2.html
3.js

<input model:value="{
   {value}}" />
//微信小程序提供的简易双向绑定，在输入框修改value的时候
//，逻辑层（this.data.value）和视图层（value）
//就会同时进行修改，优化了调用this.setData的消耗！

二，事件传参

1.在微信小程序日常开发中，特定场景下我们需要事件携带参数到要执行的函数中，但是又因为小程序的事件传参方式有所不同，并不能在绑定事件后，在事件名称后面加括号携带参数。

<button bindtap="add(5)">点击+5</button>

小程序绑定事件，默认双引号内的都是事件名称，所以这时我们要想在微信小程序实现事件传参的话，可以使用 data-* 自定义属性名来进行传参。

可以为组件提供 data-* 自定义属性传参，其中 * 代表的是参数的名字 例如：

<view>
	<view class="centert">{
   {
   num}}</view>
	<button bindtap="add" data-num"{
   {5}}">点击+5</button>
</view>

可以看到，代码中定义了点击事件 add，通过自定义属性 data-num 完成传参，参数是 5 ；其中 num 就是参数的名称。

三，响应式数据更新

//数据与视图都会更新
this.setData({
   temp:''})

四，微信小程序常用API

1.调接口

 wx.request

2.页面跳转

wx.navigateTo({
   }),还有wx.redirectTo({
   }),但是wx.redirectTo不能返回上一个页面了

3.创建视频前后的关系

 wx.createVideoContext('video的id')

4.创建音频的前后关系

wx.createInnerAudioContext() || wx.getBackgroundAudioManager()

5.设置本地存储

  wx.setStorageSync('名',值)

6.读取本地存储

wx.getStorageSync('名')

7.弹窗相关

 wx.showToast({
   title:'需要提示的文本',icon:'是否带有图标样式'}),如果带有图标，那最多显示七个字，如果想要显示更多的字，就把icon设置成none
    这是一个带有选择项的提示框    
wx.showModal({
   
           title:‘模态窗口的标题’,
           content:‘模态窗口的提示文本’,
            success:res=>{
   }
})

8.用视频时滑动

 wx.createIntersectionObserver()

9.设置导航栏的加载图标

wx.showNavigationBarLoading()

10.隐藏导航栏的加载图标

 wx.hideNavigationBarLoading()

11.用户登录时，获取code：

 wx.login({
   })用户登录时获取临时凭证也就是code

12.检查登录的session_key是否过期

 wx.checkSession()

13.获取用户信息：

 wx.getUserProfile()  

        规定：wx.getUserProfile() API必须在事件中使用。也就是可以做个单击事件来使用它

14.获取摄像头的上下文关系：

一个页面只能有一个上下文关系

        wx.createCameraContext();

15.将图片保存至本地

  wx.saveImageToPhotoAlbum({
   

               filePat