昨天微信又是在夜裏放出了更新,爲了第一波瞭解最新的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之藍牙