虚拟dom和diff算法

1.虚拟dom是一个能代表DOM树的对象,通常含有标签名,标签上的属性、事件监听和子元素们和子元素们的属性

2.虚拟dom优点,能减少不必要的DOM操作,能跨平台渲染。比方添加节点的时候,不用一次次的添加,直接一次添加完。domdiff可以省掉多余的操作,比方讲新加10个节点的时候不用把原来就在的节点全部再添加一遍。

3.虚拟dom缺点,需要额外的创建函数,比如react的createElenment或vue的h,但是可以通过JSX来简化XML的写法。

4.diff算法是比较两个dom树的,发现树有不同就改变,添加key值可以让浏览器知道加和减的操作而不是改。

5.在数据量只有几千的时候,或者说量比较小的时候,用虚拟dom很好,因为它可以优化多余的操作。数据量比较大的时候,原生dom可以保证一定的稳定性,react需要自己做优化,vue自己做了优化。

posted on 2022-11-20 09:37  fangpiandang  阅读(42)  评论(0编辑  收藏  举报