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

发布时间：2020-12-17 06:59:57 所属栏目：安全来源：网络整理

导读：平树： 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 no

平树：

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元素越少越好.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!