1.验证DOM Diffing算法的存在
验证代码
下图是运行效果图,是不刷新的,里面的input框也不刷新,就证明了Diffing算法。
下图是流程图
案例2
下述案例就是实现了添加一个用户小王的实例。用的index做为key
index作为key的后果。更新后的虚拟DOM的key=0,与更新之前的虚拟DOMkey=0,不一样,造成整个虚拟DOM渲染到页面。不可取。
用数据的唯一表示作为key,效率就会高很多。
验证代码
下图是运行效果图,是不刷新的,里面的input框也不刷新,就证明了Diffing算法。
下图是流程图
下述案例就是实现了添加一个用户小王的实例。用的index做为key
index作为key的后果。更新后的虚拟DOM的key=0,与更新之前的虚拟DOMkey=0,不一样,造成整个虚拟DOM渲染到页面。不可取。
用数据的唯一表示作为key,效率就会高很多。