微信小程序复习笔记(二)
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组件