微信小程序最新更新--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之蓝牙