小程序实践小坑小结（一）

最近自己在做小程序练习，分享一下我遇到的小坑

直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的，还会造成数据不一致
changeNum: function() {

this.data.num = 1 
this.setData({
  num: this.data.num
})

},

require 暂时不支持绝对路径

Background-image 不能使用静态文件，只能使用base64和网络图片，
可以用<img>

app.wxss 的样式不能应用到组件内部
可以按需引用 import: “”

Input foucs时不能添加样式和鸡肋啊啊啊啊

textarea默认样式有固定宽度

模板里面事件不能传参
<view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view>

Page({
tapName: function(event) {

console.log(event.target.dataset.hi)

}
})

animation不能直接绑定中组件上 加一个view包裹

//创建动画
const animation = wx.createAnimation({
duration: 4000,
timingFunction: "ease",
delay: 0,
transformOrigin: "50% 50%",
})

//设置动画

animation.translateX(-100).step(); //边旋转边放大

//导出动画数据传递给组件的animation属性。
this.setData({
animationData: animation.export(),
})
console.log(this)

小程序的CheckBox 绑定的事件是 bindChange ,我们知道bind 事件是冒泡的，当我们在cell中添加CheckBox以后，点击CheckBox也会向上传递事件，导致cell也一起被点击。其实解决办法也很简单，就在CheckBox外面包一层view，给view添加一个catch事件。这里需要view的布局，小心把cell覆盖了