小记最近几个月和公司的同事一直在马不停蹄的开发小程序,经历了几个版本的迭代后也总算是稳定了下来。而我们的小程序也是得到了腾讯的认可,还拿了个奖
奖杯上是不是应该刻上开发者的名字开发小程序的过程中踩的坑不可谓不多,而有些坑也实在是让人郁闷,不扒一扒难以平我心头之愤呐。
数据绑定 Mustache 语法(双大括号)这个 {{}} 里面不能执行任何的方法,只能做简单的四则运算和Boolen判断,比如:
<view wx:for="{{['1.22', '2.22', '3.222']}}" wx:for-item="i"> {{parseInt(i)}} </view>你这么干是不行的,你只能在拿到数据的时候就先对数据格式化一遍。是不是很恶心~~~
小程序的几个导航api,都可以通过 url 给对应的页面传参。而 w x.navigateBack({delta}), 只接受一个delta(返回的页面数)参数。但是有时候确确实实有向回退页面传参数的情况,这时候就只能通过localstorage或是redux等来处理了。
rpx 单位适配问题小程序提供的 rpx 单位确实让我们开发的时候在高精度还原设计稿上省了很多事情。但是小记发现当你使用1rpx在一些机型上特别容易出问题。
.border { border: 1rpx solid #000; }如果你这样设置边框的时候,大多数情况下它都能正常显示,但是在一些机器上尤其是 iPhone X 边框有时候根本不显示。所以我现在都改成 2rpx
绑定事件获取的target与currentTarget是有区别的在绑定事件获取当前组件数据的时候,拿到的envt里面有target和currentTarget 这两个玩意儿里面都有一个dataset,而我们需要获取的数据就在dataset对象里面。正确的我们应该取 currentTarget 里面的就行,但是有时候这两个的数据是完全一样的,一不小心你就取错了。
那这个 target 和 currentTarget 有什么区别呢,官方的解释:
target:触发事件的源组件;
currentTarget: 事件绑定的当前组件;
看个例子:
点击 inner view 时,handleTap3 收到的事件对象 target 和 currentTarget 都是 inner,而 handleTap2 收到的事件对象 target 就是 inner,currentTarget 就是 middle。
其实很容易区分,target就是事件开始的地方,currentTarget就是你绑定事件的地方。可以去看看
小程序事件 CSS引用静态资源问题