微信小程序中獲取高度及設備的方法

由於js中可以采用操縱dom的方法來獲取頁面元素的高度，可是在微信小程序中不能操縱dom，經過查找之后發現僅僅只有以下幾個方法可以獲取到高度

wx.getSystemInfoSync().windowWidth   // 獲取當前窗口的寬度
wx.getSystemInfoSync().windowHeight    // 獲取當前窗口的高度
wx.getSystemInfoSync().model    // 獲取當前采用的設備
wx.getSystemInfoSync().pixelRatio   
wx.getSystemInfoSync().language   // 獲取當前所采用的的語言
wx.getSystemInfoSync().version    // 獲取當前設備的版本

 

獲取view等組件的高度等信息（獲取節點信息）

//創建節點選擇器
  var query = wx.createSelectorQuery();
    query.select('.list').boundingClientRect()；
    query.selectViewport().scrollOffset()；
    query.exec((res) => {
      var listHeight = res[0].height; // 獲取list高度
  })；

 

res內容：

tips:

　　1、res[0]為當前節點的詳細數據；

　　2、res[1]為顯示區域的豎直滾動位置；

　　3、query.exec((res) => {})中的回調函數是最后執行的，若要獲取高度等信息進行操作的話，要在回調函數中進行。