微信小程序
-
认识小程序中基本的项目
-
认识全局变量
-
小程序中的标签及数据绑定
text 相当于web中的span标签 行内元素 不会换行
view 相当于web中的div标签 块级元素 会换行
checkbox 复选框标签
注意:使用bool类型充当属性时,字符串和花括号之间不能存在空格,否则会导致数据识别失败 -
运算
-
循环(对象/数组)
-
block标签
1)相当于占位符的标签
2)写代码时可以看到代码的存在
3)编译的时候小程序会将它移出 -
条件渲染
1)wx:if="{{true/false}}"/if,else,else if
2)hidden
使用:
1)当标签不是频繁的切换显示,优先使用wx:if,直接把标签从页面结构中移出
2)当标签频繁切换显示的时候优先使用hidden 通过添加样式(display:none)的方式来切换显示【注意:使用hidden时作用域内的样式不能使用display属性】 -
数据的双向绑定,及实现加减操作
步骤:
1)需要给input标签绑定事件 numText 事件
绑定关键字:bindinput
2)如何获取输入框的值
通过事件源对象来获取
e.detail.value
3)把输入框的值 赋值 到data中
this.setData({
num:e.detail.value
})
4)添加点击事件
bindtip
无法在小程序事件中直接传递参数
通过自定义属性的方式来传参
在事件源中获取 自定义属性