微信小程序常用api_wx.startlocationupdatebackground

1.调接口

    wx.request
1

2.页面跳转

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

3.创建视频前后关系

     wx.createVideoContext('video的id')
1

4.创建音频的前后关系

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

5.设置本地存储

    wx.setStorageSync('名',值)
1

6.读取本地存储

    wx.getStorageSync('名')
1

7.弹窗相关

    wx.showToast({title:'需要提示的文本',icon:'是否带有图标样式'}),如果带有图标，那最多显示七个字，如果想要显示更多的字，就把icon设置成none

这是一个带有选择项的提示框    
1
2
3

wx.showModal({

       title:‘模态窗口的标题’,

       content:‘模态窗口的提示文本’,

        success:res=>{}
1
2
3
4
5

})

8.用在视频滑动时,

    wx.createIntersectionObserver()
1

（1）原理：
使用wx.createIntersectionObserver() API对每一个视频进行观察，当视频与页面中某个元素或在指定的范围内重合，则触发指定的事件。

（2）使用上述API创建的对象具备下列方法：
relativeTo()：在方法中指定一个元素。

 relativeToViewport({top,bottom,left,right})：在方法中指定一个范围。

 observe(selector,res=>{

   // 观察selector与一个元素或一个范围重合后触发的代码
1
2
3
4
5

})

（3）在首次加载视频和触底加载视频中，均为新增的视频绑定交叉观察：
for(let i=0;i<this.data.videoList.length;i++){

    let io=wx.createIntersectionObserver(this);

    io.relativeToViewport({

      top:200,

      bottom:-400

    }).observe(`#v${this.data.videoList[i].id}`,res=>{

      wx.createVideoContext(`v${this.data.videoList[i].id}`).play();

    })

  }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

9.设置导航栏的加载图标，就是顶上转圈。代表正在加载

    wx.showNavigationBarLoading()
1

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

     wx.hideNavigationBarLoading()
1

11.用户登录时 获取code:

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

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

    ' wx.checkSession()
1

13.获取用户信息 ：

    wx.getUserProfile()  

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

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

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

    wx.createCameraContext();
1
2
3

15.将图片保存至本地

     wx.saveImageToPhotoAlbum({

           filePath:设置保存至本地相册的图片文件路径

    })
1
2
3
4
5

16.将视频保存至本地

    wx.saveVideoToPhotoAlbum({

             filePath:设置保存至本地乡村的视频文件路径

    })
1
2
3
4
5

17.图片的预览功能

wx.previewImage({

  urls:提供预览图片的数组，格式：字符串数组，

  current:设置图片预览时的链接地址
1
2
3

})

wx.previewMedia({

  source:提供预览图片的数组，格式：对象数组 [{url,type,poster}],

  current:设置预览图片时首先打开的那一张图片的索引值
1
2
3

})

18.从本地选择图片

wx.chooseMedia({

  count:设置每次从本地相册中允许选择的最大图片个数，默认值 9 ，

  mediaType:设置从本地相册中选择的媒体类型，取值：[“image”,“video”,“mix”]，

  sourceType:设置选择的数据来源，取值：[“album”,“camera”]，

  camera:当sourceType设置为[“camera”]，设置摄像头的位置，取值：back、front，

  maxDuration:设置拍摄视频的最大时长，取值 3-60，单位为秒，

  success:res=>{

    console.log(res.tempFiles);      // 返回盛放用户所选图片的数组

    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

})

19.上传图片

wx.uploadFile({

   name:为上传的文件设置一个名称,

   url:设置上传文件的URL地址，由后台提供,

   filePath:设置上传文件的路径及文件名，格式为字符串,

   header:设置上传文件时的附加请求头数据，格式为对象,

   formData:设置上传文件时的附加普通数据，格式为对象,

   success:res=>{}
1
2
3
4
5
6
7
8
9
10
11

})

（1）该API方法一次只能上传1个文件。

（2）上传文件的接口必须是POST类型。

（3）上传文件时name属性时必不可少的。
1
2
3
4
5

20.地图，获取当前位置

wx.getLocation({})

wx.startLocationUpdate()：手动开启定位更新功能。

     wx.stopLocationUpdate()：手动关闭前后台的定位更新功能。

     wx.startLocationUpdateBackground()：手动开启后台定位更新功能。

     wx.onLocationChange(res=>{             // 当用户的位置发生变化时触发该事件

       console.log(res.longitude);

       console.log(res.latitude);
1
2
3
4
5
6
7
8
9

})

21.获取地图的上下文

wx.createMapContext(‘map的id’)

22.画布相关canvas

wx.createSelectorQuery().select(‘#myCanvas’).fields({

  node:true,

  size:true

}).exec(this.init.bind(this));
1
2
3
4
5

init(res){

let canvas=res[0].node; // 获得画布

let ctx=canvas.getContext('2d'); // 获得画笔
1
2
3

}

23.得到设备尺寸

wx.getSystemInfoSync()

24. 将画布转换为临时文件：

    wx.canvasToTempFilePath({

                              x,y,width,height, // 设置画布一个矩形范围进行转换

                            destWidth,destHeight, // 设置最终临时文件的宽度和高度

                            canvasId:设置<canvas>的canvas-id属性

                            canvas:设置canvas实例,

                            fileType:设置文件类型，取值为 png、jpg

                            quality:fileType取值为jpg时的图片质量，取值为(0,1]

                            success:res=>{}

                    })
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

25.将临时文件存储至本地相册

    wx.saveImageToPhotosAlbum({

        filePath:

    })
1
2
3
4
5

26.获取指定图片的属性值

    wx.getImageInfo({

                  src: 指定图片的路径或临时路径,

                  success:res=>{}

           })
1
2
3
4
5
6
7

27.wx.stopPullDownRefresh() 让下拉的页面恢复原样

感谢阅读，有帮助的话点点赞点点关注谢谢哈。