微信小程序常用API

目录

1.调接口

2.页面跳转

3.创建视频前后关系

4.创建音频的前后关系

5.设置本地存储

6.读取本地存储

7.弹窗相关

8.用在视频滑动时,

（1）原理：

（2）使用上述API创建的对象具备下列方法：

（3）在首次加载视频和触底加载视频中，均为新增的视频绑定交叉观察：

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

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

11.用户登录时 获取code: 

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

13.获取用户信息 ：

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

15.将图片保存至本地

16.将视频保存至本地

17.图片的预览功能

18.从本地选择图片

19.上传图片

20.地图，获取当前位置

21.获取地图的上下文

22.画布相关canvas

23.得到设备尺寸

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

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

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

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

---

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()

（1）原理：

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

（2）使用上述API创建的对象具备下列方法：

     relativeTo()：在方法中指定一个元素。

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

     observe(selector,res=>{

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

})

（3）在首次加载视频和触底加载视频中，均为新增的视频绑定交叉观察：

     for(let i=0;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();

        })

      }

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({

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

        })

16.将视频保存至本地

        wx.saveVideoToPhotoAlbum({

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

        })

17.图片的预览功能

wx.previewImage({

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

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

})

wx.previewMedia({

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

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

})

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);      // 返回盛放用户所选图片的数组

        }

})

19.上传图片

wx.uploadFile({

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

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

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

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

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

       success:res=>{}

})

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

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

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

20.地图，获取当前位置

wx.getLocation({})

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

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

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

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

           console.log(res.longitude);

           console.log(res.latitude);

})

21.获取地图的上下文

wx.createMapContext(‘map的id’)

22.画布相关canvas

wx.createSelectorQuery().select('#myCanvas').fields({

      node:true,

      size:true

    }).exec(this.init.bind(this));

init(res){

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

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

  }

23.得到设备尺寸

wx.getSystemInfoSync()

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

        wx.canvasToTempFilePath({

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

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

                                canvasId:设置的canvas-id属性

                                canvas:设置canvas实例,

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

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

                                success:res=>{}

                        })

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

        wx.saveImageToPhotosAlbum({

            filePath:

        })

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

        wx.getImageInfo({

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

                      success:res=>{}

               })

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