虚拟DOM
JS_ken
这个作者很懒,什么都没留下…
展开
-
虚拟DOM与DOM Diff 的原理
虚拟DOM虚拟DOM是和真实DOM相互对应的它是什么一个能代表 DOM 树的对像,它通常含有标签名、标签上的属性、事件监听和子元素等,以及其他属性。它有什么优点(为什么用它)1、减少DOM的操作:虚拟DOM 可以将多次操作和为一次操作,比如你添加1000个节点,是一个接一个操作的。(减少DOM操作的次数)虚拟DOM借助DOM diff 可以把多余的操作省掉,比如你添加1000个节点,只有10个是新增的。(减少DOM操作的范围)2、跨平台:虚拟DOM不仅可以变成DOM,还可以变原创 2020-11-30 11:50:32 · 306 阅读 · 0 评论 -
虚拟 DOM 的优缺点?
虚拟 DOM 的优缺点?什么是虚拟dom用js模拟一颗dom树,放在浏览器内存中.当你要变更时,虚拟dom使用diff算法进行新旧虚拟dom的比较,将变更放到变更队列中,反应到实际的dom树,减少了dom操作.虚拟DOM将DOM树转换成一个JS对象树,diff算法逐层比较,删除,添加操作,但是,如果有多个相同的元素,可能会浪费性能,所以,react和vue-for引入key值进行区分.优点:保证性能下限: 框架的虚拟 DOM 需要适配任何上层 API 可能产生的操作,它的一些 D.原创 2020-11-30 10:35:24 · 4592 阅读 · 0 评论