微信小程序概念性笔记一

1 生命周期

onLaunch()--小程序启动后会被执行。

onLoad--页面渲染后执行，可以操作的是页面渲染完的逻辑操作。

onLoad:function(options){}  页面加载完毕触发

onReady:function(){}  页面渲染完毕触发

onShow:function(){}  页面开始渲染触发

onHide:function(){}  页面切换到后台触发

onUnload:function(){}  页面卸载触发

onPullDownRefresh:function(){}  页面下拉刷新触发

onReachBottom:function(){}  页面上滑出底

2 地图

map标签可以有以下属性：

经度（longitude）、纬度（latitude）--定义起始位置的坐标。

bindmarkertap--点击地图随意一个标记而执行的函数。

获取用户的地理位置：

wx.getLocation({
  type: 'wgs84',
  success: (res) => {
    var latitude = res.latitude // 纬度
    var longitude = res.longitude // 经度
  }
}

wx.chooseLocation--打开地图选择位置。

wx.getLocation--获取当前位置的地理位置、速度。

wx.openLocation--使用微信内置地图查看位置。

wx.createMapContext--创建map上下文MAPContext对象。

MapContext.getCenterLocation--获取当前地图中心的经纬度。

MapContext.getRegion--获取当前地图的视野范围。

MapContext.getScale--获取当前地图的缩放级别。

MapContext.includePoints--缩放视野展示所有经纬度。

MapContext.moveToLocation--将地图中心移动到当前定位点。

MapContext.translateMarker--平移marker，带动画。

3 微信扫一扫

wx.scanCode({
  success: (res) => {
    console.log(res)
  }
})

注意：多数api的回调都是异步的，需要处理好代码逻辑的异步问题。

4 API

发起请求--wx.request

5 支付请求

wx.requestPayment--发起微信支付

6 获取用户信息

wx.getUserInfo--获取用户信息

7 路由

wx.navigateBack--关闭当前页面，返回上一页面或多级页面。

wx.navigateTo--保留当前页面，跳转到应用内的某个页面 。

wx.redirectTo--关闭当前页面，跳转到应用内的某个页面。

wx.raLaunch--关闭所有页面，打开到应用内的某个页面。

wx.switchTab--跳转到tabBar页面，并关闭其他所有非tabBar页面。