微信小程序

微信小程序复习笔记(二)

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组件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值