一、wxml
中 style 和 class 用哪个?
首先,用 style 和 class 所呈现的效果是一样的,但是 style 的优先级高于 class, style 经常用于动态属性,而 class 经常用来写静态属性。class 的属性定义在 wxss
文件中使的整体代码看起来比较整洁且复用性高。
二、尺寸单位rpx、px
用哪个?
小程序中 rpx 会根据屏幕尺寸自适应,所以一般情况下选择使用rpx,
例如 字体大小 是否需要根据屏幕尺寸改变,圆角角度 是否会发生变化
三、条件语句wx:if
、hidden
用哪个?
一般来说,wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗。因此,如果需要频繁切换的情景下,用 hidden 更好,如果在运行时条件不大可能改变则 wx:if 较好。
hidden 是 内容UI 已经绘制 控制隐藏/显示,而 wx:if 如果为 false 内容UI 不绘制 每次改变 true 都会重新绘制。
注意,在自定义组件中不能使用hidden关键字用来隐藏自定义组件,当然可以定义 hidden 变量来控制也是一样的。
四、箭头函数 =>
箭头函数 =>
,不用考虑 this
指向问题,因此在异步回调中可用箭头函数 =>
五、 scroll-view
需要设置高度后才可滚动
scroll-view
会发现无法滚动,需要设置高度,或者按照百分比设置 vh