免费的网站收录域名查询_网址目录导航_y333网址大全-址汇收录
免费加入

微信小程序长列表渲染优化技巧 (微信小程序长时间未使用被冻结)

文章编号:267时间:2024-09-27人气:


在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。即wx:for指令用于循环数组数据,生成组件。循环出来的每一项通过item返回,每一项对应的索引,通过index返回。wx:key=,设置每一项唯一的标识。循环列表时,添加wx:key的好处是,将来列表发生变化时重新渲染列表的损耗为更低。

使用wx:for-item可以指定数组当前元素的变量名,使用wx:for-index可以指定数组当前下标的变量名:


条件渲染

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

wx:if用于条件渲染:条件为真生成里面的内容,条件为假不会生成里面的内容。(每次重新生成内容)也可以用wx:elif和wx:else来添加一个else块。