微信小程序列表循環隨筆

微信小程序列表循環隨筆

最近在瞭解微信小程序,特此記錄一筆
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節點或者改變順序的時候,並不會保留原有標籤本身狀態以及 值,而是重新渲染所有的元素,會將數據以及狀態初始化.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章