05 组件和ES6在小程序中的应用

一.生命周期函数

1.小程序Page生命周期函数

• onLoad - 监听页面加载
• onReady - 监听页面初次渲染完成
• onShow - 监听页面显示
• onHide - 监听页面隐藏
• onUnload - 监听页面卸载
• onPullDownRefresh - 监听用户下拉动作
• onReachBottom - 页面上拉触底事件的处理函数
• onShareAppMessage - 用户点击右上角分享

2.小程序发送网络请求

• 使用wx.request的方式发送网络请求，通过success/fail/completea回调函数的形式获取响应结果

  wx.request({
        url: 'http://localhost:8000/classic/latest',
        data: {},
        method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
        // header: {}, // 设置请求的 header
        success:(res) => {
          // success 回调函数
          // 使用ES6的方式改变this指向
          console.log(res);
        },
        fail:() => {
          // fail 回调函数
        },
        complete:() => {
          // complete 回调函数
          console.log('响应结束');
        }
      })
  

• 当直接在小程序中访问指定url时会提示url不在以下request合法域名列表中，因为如果想在小程序访问外部url时，需要在小程序后台账号中添加对应访问的域名到合法列表中

• 如果在开发阶段希望设置访问域名，点击设置 -> 项目设置 -> 不校验合法域名，可以在开发阶段设置不屏蔽外部url访问

未完待续…