虚拟DOM和真实DOM
区别
虚拟dom不会进行排版和重绘,真实的dom频繁进行重排和重绘,虚拟dom会大大的缩小重排重绘所带来的大量渲染损耗
优缺点
真实dom:
优点:使用简单
缺点:性能差、效率低占内存过高
虚拟dom(描述真实DOM的JavaScript对象):
优点:
1.性能好、避免高频更新,可以减少多次重绘重排
2.跨平台可以多端运行
缺点:因为多了一层虚拟dom的计算,所以首次渲染时,会比正常速度慢
时间计算
虚拟dom
总损耗 = 虚拟DOM增删改 + （与Diff算法效率有关）真实DOM差异增删改 + （较少的节点）排版与重绘
真实dom
总损耗 = 真实DOM完全增删改 + （可能较多的节点）排版与重绘
