微信小程序列表循环随笔

微信小程序列表循环随笔

最近在了解微信小程序,特此记录一笔
1.view 标签使用wx:for 与block 标签 使用 wx:for的不同之处
小结:view 使用 wx:for 是对view 标签进行循环,block标签使用 wx:for 是对block 内部标签进行循环,并不会显示block标签本身
2.wx:key 标签的用法
一开始并不知道此属性的用法,百度一下之后,深度了解一下,发现微信小程序机制还是比较厉害的。
使用场景:比如一个页面要进行定时异步刷新某个dom元素内部的循环结构,这种场景我们就可以进行讨论 wx:key 属性的好处了。
有wx:key标签
添加元素或改变元素顺序导致数据改变时,框架会根据“目前数据”,重新排序各组件,而不是重新创建,使组件保持自身的状态,列表渲染效率高。
简单的说,当添加或者改变顺序时,已有的元素不会进行重新渲染,而是保留原有标签本身状态以及值,再插入新 元素。
无wx:key标签
当我们没有使用wx:key属性,在进行添加dom节点或者改变顺序的时候,并不会保留原有标签本身状态以及 值,而是重新渲染所有的元素,会将数据以及状态初始化.

发布了15 篇原创文章 · 获赞 4 · 访问量 22

猜你喜欢

转载自blog.csdn.net/xxb_assassin/article/details/105470213