题解 | #列表动态渲染#

列表动态渲染

http://www.nowcoder.com/practice/347e2e88f11a4b0c89157568f26ea126

这道题的知识点

  1. 需要根据数据列表生成对应的dom节点
  2. 每创建一个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);
全部评论

相关推荐

点赞 1 评论
分享
牛客网
牛客企业服务