简单理解虚拟DOM优势

渲染方式一

这种方式分为下面5步
简单理解虚拟DOM优势
有如下缺陷
简单理解虚拟DOM优势

渲染方法二

分为下面8个步骤:
简单理解虚拟DOM优势
虽然,替换不是整个DOM的替换只是元素上的替换可以节省部分性能,
但是新的DOM和原始的DOM作比对需要消耗一部分性能。
所以性能的提升并不明显

虚拟DOM的渲染方式的优势

分下面几步
简单理解虚拟DOM优势

js穿件一个js对象消耗的性能相对于生成新的DOM是非常小,DOM的相互对比相对于js对象的比对消耗的性能大的多

所以虚拟DOM就是一个js对象,是为了减少真实DOM替换和对比