为什么要先装到文档片段再装到ul,不是可以直接装到ul吗?

为什么要先装到文档片段再装到ul,不是可以直接装到ul吗?

为什么要先装到文档片段再装到ul,不是可以直接装到ul吗?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

4回答
我学习太差被关起来了 2019-09-20 22:01:06

回答可以的,我看明白了。

与可同学 2019-07-31 20:52:05

好比搬砖,一块砖就跑一趟费事,不如多块砖装筐一起运。

说白了,先装到文档片段再一起装到DOM树中每一次都直接装到DOM树中的成本低。

好帮手慕码 2019-07-28 22:10:43

同学你好!

通俗一点讲,dom树就是整个的HTML结构。例如:

http://img1.sycdn.imooc.com//climg/5d3dab5900019b2305190387.jpg

好处就是:文档片段存在于内存中,并不在DOM树的结构中,所以将子元素插入到文档片段时不会引起页面回流(对元素位置和几何上的计算),扰乱布局,使用文档片段通常会带来更好的性能,体验更好~

同学可以参考如上理解一下,如果实在不理解也不要紧,建议在代码练习中慢慢体会

祝学习愉快~

好帮手慕码 2019-07-17 10:36:01

同学你好!
直接插入到ul,这种方式是可以的。

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

http://img1.sycdn.imooc.com//climg/5d2e897100011acd11130411.jpg

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

如果帮助到了你 欢迎采纳 祝学习愉快~

  • 郭_洁 #1
    啥叫DOM树?越看越晕,我和这个同学的问题一样。为什么装到fragment里面会好一些呢?
    2019-07-28 20:22:14
  • 在上面回复同学了哦,同学可以参考着理解一下~
    2019-07-28 22:11:04
  • 好比搬砖,一块砖就跑一趟费事,不如多块转装筐一起运。
    2019-07-31 20:44:59
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师