摘要: DOM操作是昂贵的,为了减少DOM操作,才有了Virtual DOM。而Virtual DOM的关键就是通过对比新旧vnode,找出差异部分来更新节点。对比的关键算法就是Diff算法。 历史由来: diff算法历史悠久,并不是虚拟dom提出来的。早在linux系统中,就有diff命令,用于比较两个文 阅读全文
posted @ 2019-04-29 16:33 濮成林 阅读(707) 评论(0) 推荐(0) 编辑
摘要: 为了更好的研究Virtual DOM,我选择了snabbdom来学习。相比Vue来说,snabbdom对于研究虚拟DOM更好,因为它里面没有其他干扰的东西,而且源码也比较少,因此研究起来更方便。 1. 初次体验虚拟DOM的魅力 首先我们先用snabbdom重写之前的例子: 点击change,发现只修 阅读全文
posted @ 2019-04-29 16:29 濮成林 阅读(475) 评论(0) 推荐(0) 编辑
摘要: 1. 什么是Virtual DOM? Virtual DOM(虚拟DOM)是指用JS模拟DOM结构。本质上来讲VD是一个JS对象,并且至少包含三个属性:tag(html标签),props(标签的属性,如class),children(子元素对象)。 用JS模拟上面这段DOM结构: 2. 为什么需要V 阅读全文
posted @ 2019-04-29 16:22 濮成林 阅读(293) 评论(0) 推荐(0) 编辑