小程序手记

小程序的生命周期

App({
  onLaunch (options) {
   //小程序初始化完成时触发，全局只触发一次。
  },
  onShow (options) {
    //小程序启动，或从后台进入前台显示时触发。
  },
  onHide () {
    // 小程序从前台进入后台时触发
  },
  onError (msg) {
    console.log(msg)
  },
  globalData: 'I am global data'
})

 

小程序页面的生命周期

Page({
  data: {
   //data 是页面第一次渲染使用的初始数据。
  },
  onLoad: function(options) {
    //页面加载时触发。一个页面只会调用一次，
  },
  onReady: function() {
    // 页面初次渲染完成时触发。一个页面只会调用一次
  },
  onShow: function() {
    // 页面显示/切入前台时触发。
  },
  onHide: function() {
    // 页面隐藏/切入后台时触发
  },
  onUnload: function() {
    // 页面卸载时触发
  },
  onPullDownRefresh: function() {
    //监听用户下拉刷新事件。
  },
  onReachBottom: function() {
    // 监听用户上拉触底事件
  },
  onShareAppMessage: function () {
    // 监听用户点击页面内转发按钮
  },
  onPageScroll: function() {
    // 监听用户滑动页面事件。
  },
  onResize: function() {
    // 页面尺寸改变时触发
  },
  onTabItemTap(item) {
  // 当前是 tab 页时，点击 tab 时触发
  }
})

app.js中设置：是获取当前位置的提示

 "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  }

在页面的js文件中设置转发

onShareAppMessage: function () {
    return {
      title: "",
      path: ""
    }
  }

打开地图选择位置

 wx.chooseLocation({
      success: function(){
          return  
      }
 })

点击跳转的时候用

<navigator url=''>xxx</navigator> 

在内部页面跳转时

wx.redirectTo({
   url: '',
})

map里的controls用cover-view代替

 <cover-view>
    <cover-image bindtap='controltap' src="*.png" />
 </cover-view>

请求封装

function foo(s){
  wx.request({
    url: '',
    success: s
  })
}

module.exports={
  foo
}

当小程序的包大于2m怎么办？

把图片放在服务器端，远程加载

小程序的背景图不能使用本地资源，要用网络资源