微信小程序

微信小程序复习笔记（二）

14 page生命周期图解析

15 回调函数中this的指向

//页面被你加载出来时
onLoad() {
  console.log('onLoad')
  wx.request({
    url: 'http://123.207.32.32:8000/recommend',
    //箭头函数中的this一层层往上找
    success: (res) => {
      console.log(res)
      const data = res.data.data.list;
      this.setData({
        list:data
      })
    }
  })
}

//

换一种写法 这里面的this如果在前端开发中指向的就是window 而不是上面那个page对象 在此处打印出来就是undefined 相当于
    success: function(res) {
      console.log(res)
      const data = res.data.data.list;
      // this.setData({
     undefined.setData({
        list: data
      })
}

// 如果不写成箭头函数的话就这样写就没问题
    onLoad() {
      console.log('onLoad')
      const _this = this;
    
      wx.request({
        url: 'http://123.207.32.32:8000/recommend',
        //箭头函数中的this一层层往上找
        success: (res) => {
          console.log(res)
          const data = res.data.data.list;
          _this.setData({
            list: data
          })
        }
      })
    },

16 掌握内置组件text组件

加\n换行

17 掌握内置组件button组件

有一个button的时候是块级元素，有2个的时候就自动变为行内元素不再独占一行

18 掌握内置组件view组件

这就是传说中的阻止事件冒泡

19 掌握内置组件image组件

选中图片，打开图片之后控制台有数组，里面有图片的路径，在手机上面，微信是提供一次可以选择9张图片



设置好之后再打开文件，点击那张图片就设置过来了。

20 掌握内置组件input组件

21 掌握内置组件scroll-view组件