入门小程序(三) 小程序的生命周期 与网络请求的api方法

小程序的生命周期

全局的生命周期

 onLaunch: function () {
    // 展示本地存储能力
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)
    // 
    console.log('小程序初始化时触发');
  },
  onHide:function(){
    console.log('小程序切后台的时候触发');
  },
  onShow(){
    console.log('重后台切回前台的时候触发,或者一开始初始化后也会触发(先触发初始化)');
  },
  onError(){
    // 当页面出现错误的时候,触发该函数,
    console.log('onError被触发了');
  }

页面的生命周期

onLoad: function (options) {
    // options 类似以$route.qurey 获取其他页面传过来的参数
    console.log('页面加载时候触发',options);
    //触发onError生命周期 
    // const aa={}
    // console.log(aa.name.data.a);
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
      // 页面中的doc树已经完成
      console.log('onReady触发');
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    // 页面从后台切到前台的时候触发,或者从页面开始初始化之后触发
    console.log('onShow触发');
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    // 页面进入后台时触发,或者是切换tabBar时触发
    console.log('onHide触发');
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    // 跳转到本页面,再(点击左上角的返回按钮)返回上一个页面,时会触发页面卸载
    console.log('onUnload触发');
  },

组件的生命周期

  lifetimes: {
    created() {
      console.log('组件创建完毕created')
    },
    attached() {
      console.log('在组件实例进入页面节点树时执行attached')
    },
    detached() {
      // 当页面被销毁的时候，组件也会随着销毁
      //销毁就是跳转到当前页面,在返回上一个页面,这个页面就会进行销毁
      console.log('在组件实例被从页面节点树移除时执行')
    }
  },

网络请求的api方法,

在我们使用的小程序开发其中,它的底层文件并不是依赖XML 的原生方式球球数据,所以我们不能使用axios,ajax 等,只能使用小程序自带的api

wx.request({
	url: '请求地址',
	method: 'post', // 默认是get请求
	success: (res) => { // 成功回调
	}
	//失败回调自己找
})