微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

角度材料 – 扁平树和嵌套树之间的差异

平树:

In a flat tree,the hierarchy is flattened; nodes are not rendered inside of each other,but instead are rendered as siblings in sequence

嵌套树:

In nested tree,children nodes are placed inside their parent node in DOM. The parent node has an outlet to keep all the children nodes.

我有一个800元素的命名法,我用平面树显示.
我首先尝试使用嵌套树,因为它看起来像是最合适的树.它需要眨眼才能构建它,但是DOM需要5秒才能加载树,所以我尝试了扁平的树,它现在完美地工作了.

问题是,如果扁平树的结果相同,那么使用嵌套树有什么意义呢?树正确呈现,DOM理解其层次结构.

平树的DOM:

Flat tree's DOM

嵌套树更难构建,并且每次显示时都会明显重载DOM.嵌套树可以做什么,平树不能做什么?材料文档不清楚.

解决方法

无论HTML是通过Anagular动态呈现还是仅通过平面文件呈现,嵌套树都有一些明显的主要好处.

>您可以利用事件冒泡,这可以大大减少需要编写的代码量,以捕获用户与DOM的交互.此外,当您需要捕获多个事件时,嵌套也可以使这更容易.>通过将样式应用于子元素将继承的父节点,您可以更好地控制格式.>使用CSS预处理器(如LESS或Sass)时,嵌套树是一个巨大的好处.大大减少了需要编写的样式数量.>虽然呈现两棵树之间的性能可能相同,但是当您必须考虑连接速度慢或移动服务不佳的用户时,经验法则是DOM元素越少越好.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐