微信小程序细节笔记

一、wxml中 style 和 class 用哪个?

首先,用 style 和 class 所呈现的效果是一样的,但是 style 的优先级高于 class, style 经常用于动态属性,而 class 经常用来写静态属性。class 的属性定义在 wxss 文件中使的整体代码看起来比较整洁且复用性高。

二、尺寸单位rpx、px 用哪个?

小程序中 rpx 会根据屏幕尺寸自适应,所以一般情况下选择使用rpx,
例如 字体大小 是否需要根据屏幕尺寸改变,圆角角度 是否会发生变化

三、条件语句wx:ifhidden 用哪个?

文档

一般来说,wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗。因此,如果需要频繁切换的情景下,用 hidden 更好,如果在运行时条件不大可能改变则 wx:if 较好。

hidden 是 内容UI 已经绘制 控制隐藏/显示,而 wx:if 如果为 false 内容UI 不绘制 每次改变 true 都会重新绘制。

注意,在自定义组件中不能使用hidden关键字用来隐藏自定义组件,当然可以定义 hidden 变量来控制也是一样的。

四、箭头函数 =>

箭头函数 =>,不用考虑 this指向问题,因此在异步回调中可用箭头函数 =>

五、 scroll-view 需要设置高度后才可滚动
scroll-view 会发现无法滚动,需要设置高度,或者按照百分比设置 vh

你可能感兴趣的:(微信小程序细节笔记)