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


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