题解 | #列表动态渲染#
列表动态渲染
http://www.nowcoder.com/practice/347e2e88f11a4b0c89157568f26ea126
这道题的知识点
- 需要根据数据列表生成对应的dom节点
- 每创建一个li节点,就单独挂载会造成性能上的浪费,所以使用fragment代码段
let ul = document.getElementById('ul');
let fragment = document.createDocumentFragment();
people.map(item => {
let li = document.createElement('li');
li.innerText = `${item.name} ${item.age}`;
fragment.appendChild(li);
})
ul.appendChild(fragment);