微信小程序最新更新--api测试一览

昨天微信又是在夜里放出了更新,为了第一波了解最新的Api, 今天花时间来一个个测试运行看看,

具体更新详情,点这里去看吧!微信3月28日更新

一:基础库

1.wx.chooseAddress  获取收获地址。

这是在开发工具上的样子:

在真机上:这个就是创建收货地址的,在地址列表的蓝色感叹号就是修改地址。非常友好。

 

2.wx.openSetting 打开小程序的设置界面:就是主动调取授权。

   

3.wx.reLaunch: 关闭所有页面,打开到应用内的某个页面。就是页面跳转,同navigate, 可带参数。

4.wx.showLoading :加载框。之前一直都是在wxml里写loading,不过要手动隐藏掉。

 showLoading:function(){
    wx.showLoading({
      title:"加载中",
      mask:true
    })
    setTimeout(function(){
      wx.hideLoading()
    },5000)
  },

5.wx.arrayBufferToBase64,wx.base64ToArrayBuffer:将ArrayBuffer与Base64互转。

  buffto:function(){
    const arrayBuffer=new Uint8Array([11,22,33])
    const base64 = wx.arrayBufferToBase64(arrayBuffer)
    console.log("base64:"+base64)
    const arrayBuffer2=wx.base64ToArrayBuffer(base64)
    console.log("arrayBuffer2:"+arrayBuffer2)
  },
6. wx.startAccelerometer(), wx.onAccelerometerChange(),wx.stopAccelerometer()监听加速度。

 //监听加速度数据
  accelerate:function(){
    wx.startAccelerometer()
    wx.onAccelerometerChange(function(res){
      console.log("x:"+res.x)
      console.log("y:"+res.y)
      console.log("z"+res.z)
    })
    //wx.stopAccelerometer()
  },


7. wx.startCompass(),wx.onCompassChange(),wx.stopCompass(),监听罗盘的数据。这个只能在真机上测了.北:0度(或者说360度), 东是90度,南是180度,西:270度)

 //监听罗盘数据
  compass:function(){
    wx.startCompass()
    wx.onCompassChange(function(res){
      console.log("direction:"+res.direction)
    })
    //wx.stopCompass()
  },

8.wx.setClipboardData():设置剪贴板内容,实测返回的数据是 undefined,不知道为什么,不过在手机输入法里已经有设置的数据了。

wx.getClipboardData():获取 剪贴板内容:这个以后应该会经常用到了。

 //剪贴板
  clipboard:function(){
    wx.setClipboardData({
      data: "我是剪贴板的内容",
      success: function(res){
      console.log("设置剪贴板:"+res.data)
      },
    })
    wx.getClipboardData({
      success: function(res){
        // success
        console.log("获取剪贴板:"+res.data)
      },
    })
  },

9.wx.addCard(),增加卡券,wx.openCard():打开卡券。这个因为需要商家接入,所以没测。

10.wx.onNetworkStatusChange():监听网络变化。这个可以用在看视频或者听音乐的时候要是网络由wifi 变为4g了就断开链接。

 //监听网络变化
  networkstatus:function(){
    wx.getNetworkType({
      success: function(res) {
        // success
        console.log("网络类型:"+res.networkType)
      }
    })
    wx.onNetworkStatusChange(function(res){
      // callback
       console.log("是否链接:"+res.isConnected)
       console.log("网络类型:"+res.networkType)
    })
  },

11.wx.showShareMenu():显示分享按钮(不用设置onShareAppMessage()方法)。wx.hideShareMenu():隐藏分享按钮(即使设置了onShareAppMessage()也没有分享按钮。)。

12.CanvasContext.setTextAlign():画布的文字对齐方式:取值:'left'、'center'、'right'。

13.wx.getSystemInfo():获取系统信息。

  //获取系统信息
  getSysteminfo:function(){
    wx.getSystemInfo({
      success: function(res) {
        console.log("手机型号:"+res.model)
        console.log("设备像素比:"+res.pixelRatio)
        console.log("屏幕宽度:"+res.screenWidth)
        console.log("屏幕高度:"+res.screenHeight)
        console.log("可使用窗口宽度:"+res.windowWidth)
        console.log("可使用窗口高度:"+res.windowHeight)
        console.log("微信设置的语言:"+res.language)
        console.log("微信版本号:"+res.version)
        console.log("操作系统版本:"+res.system)
        console.log("客户端平台:"+res.platform)
        console.log("客户端基础库版本:"+res.SDKVersion)
      }
    })
  },

14. wx.showModal():在用户点击取消情况下的返回值.(在开发工具上没有点击取消是没有打印log,

也就是没有进去这个方法里,不过真机上是有的 。)我记得之前是没有这段取消的代码的。

 //在用户点击取消情况下的返回值
  showModal:function(){
    wx.showModal({
      title:"提示",
      success:function(res){
        if(res.confirm){
          console.log("确定")
        }else if(res.cancel){
          console.log("取消")
   var i = 1;
   i++;
   console.log("取消"+i)         
        }
      }
    })
  },

15.wx.showToast(): 支持image 自定义。这个可以的,不局限于icon的“loading”、"success"。

//toast支持image自定义
  showToast:function(){
    wx.showToast({
      title:"我是吐司",
      image:"../../image/my.png",
      duration:2000
    })
  },


16.wx.getUserInfo():增加参数withCredentials:是否带上登录状态信息。
当 withCredentials 为 true时,要求此前有调用过 wx.login 且登录态尚未过期,此时返回的数据会包含 encryptedData, iv 等敏感信息;当 withCredentials 为 false 时,不要求有登录态,返回的数据不包含 encryptedData, iv 等敏感信息。

17.增加swiper组件的两个属性:indicator-color:指示点颜色,indicator-active-color:当前选中的指示点颜色.(这个就很友好了,之前我是在wcss 里改的样式)。

18.input 组件 增加两个属性:confirm-type:设置键盘右下角按钮的文字,有效值: "send":发送,"search":搜索,"next":下一项,"go":前往,"done":完成。confirm-hold:点击键盘右下角按钮时是否保持键盘不收起。 这对于输入注册啊等等表单的时候,每一个input组件 confirm-type设置为next,然后不关闭键盘,这样可以一直输入到最后一个,将confirm-hold设置为faslse 以后在关闭键盘。这个体验就好了很多了。

19.text 组件 增加 selectable属性。文本是否被长按选择。(只有这个组件)

    

20.重点的蓝牙API:做为一个单独的来测试,在下一篇微信小程序更新--测试API之蓝牙


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章