小程序Api

[Narutocc]

1. 数据缓存

不再使用 localStorage.getItem() 方法 改为：

存储数据 ---> wx.setStorageSync('key', 'value')
获取数据 ---> wx.getStorageSync('key')

2. 获取屏幕高度

不能使用 document.documentElement.clientHeight 改为小程序api

// 获取屏幕高度
    wx.getSystemInfo({
      success (res) {
        console.log(res.screenHeight)
        this.fullHeight = res.screenHeight
      }
    })

3. 小程序位置定位

必须先在小程序授权获取地理位置之后才可以拿到经纬度 在项目首页加入授权弹窗

wx.authorize({
  scope: 'scope.userLocation',
  success (res) {
    wx.getLocation({
      success (res) {
        console.log(res)
      }
    })
  }
})

在需要获取位置的地方使用小程序api wx.getLocation

4. 获取定位地址api

wx.chooseLocation({
  success: function (res) {
    // success
    console.log(res)
    console.log(res.name)
    console.log(res.latitude)
    console.log(res.longitude)
    that.setData({
      roomname:res.name
    })
  }
})

5. 返回上一个页面

wx.navigateBack({
    delta: 1
})

6.页面的滚动条问题

window.scrollTo(0, 0)

改为小程序原生api:

wx.pageScrollTo({
  scrollTop: 0,
  duration: 300
})

scrollTo(i.target)

7. 获取某个元素节点，获取节点信息，left,top,width,height

wx.createSelectorQuery().select('#la-index-' + index).boundingClientRect().exec(res=>{
  this.elementTop = res[0].top
})

8. 微信弹窗

wx.showToast({
  title: '这里面可以写很多的文字，比其他的弹窗都要多！',
  icon: 'none',
  duration: 2000
})

wx.showToast({title: 'aaaa'})

几种情况。。。。

第六种：多用于页面提示加载中

代码：

<loading hidden="{{hidden}}">

       加载中...

</loading>

hidden有两个值：false和true

9. 动态设置页面标题 onLoad生命周期里面

wx.setNavigationBarTitle({
  title: '添加地址'
})

10. 地理位置授权情况 openSetting ....