为什么要用文档片段

这段代码中fragment的作用是什么在html结构中没有显示出来 li直接append到ul里面不就行了吗为啥需要fragment

收起

1回答

卡布琦诺回答被采纳获得+3积分 2019-07-13 17:08:45

DocumentFragments 是DOM节点，它们不是主DOM树的一部分，所以不会显示在控制台中。通常的用例是创建文档片段，将元素附加到文档片段，然后将文档片段附加到DOM树。在DOM树中，文档片段被其所有的子元素所代替。

这段代码：使用循环将li先装填到fragment代码片段中，最后再将代码片段装填到ul中，页面结构会改变一次。因为文档片段存在于内存中，并不在DOM树中，所以将子元素插入到文档片段时不会引起页面回流（对元素位置和几何上的计算）。因此，使用文档片段通常会带来更好的性能

希望可以帮到你！

JJJustin 提问者 #1

什么场景会用到文档片段是多个元素的时候还是使用li的时候才用到

2019-07-14 22:35:21
好帮手慕码回复提问者 JJJustin #2

同学你好！一般来说多用于动态的添加文档（就是不想写在html布局中，通过js去创建插入）不是只能用到li上哦~ 祝学习愉快~

2019-07-15 10:18:06
JJJustin 提问者回复好帮手慕码 #3

就是说单独插一个标签也可以用是吧

2019-07-15 11:34:08