微信小程序列表循环随笔

微信小程序列表循环随笔

最近在了解微信小程序,特此记录一笔
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节点或者改变顺序的时候,并不会保留原有标签本身状态以及 值,而是重新渲染所有的元素,会将数据以及状态初始化.