List: { xml: "<ul/>", fun: function (sys, items, opts) { function setValue(array) { var list = sys.list.children(); for ( var i = 0; i < array.length; i++ ) (list[i] || sys.list.append("Item")).show().text(array[i]); for ( var k = i; k < list.length; k++ ) list[k].hide(); } return Object.defineProperty({}, "value", { set: setValue }); } }
对于复杂的列表项，重新创建的代价是巨大的。所以此优化方案尽可能地复用已有的列表项，非必要时只刷新数据而不是删除并重建新的列表项，只有当已有的列表项不够用时才创建新的列表项。
本系列文章基于 xmlplus 框架。如果你对 xmlplus 没有多少了解，可以访问 。这里有详尽的入门文档可供参考。