虚拟dom

什么是虚拟dom？
虚拟dom是一个js对象，用于描述真实的dom结构
为什么要使用虚拟dom？
可以提高浏览器性能问题
为什么虚拟dom可以浏览器性能？
浏览器的引擎工作流程大致分为五步
一、用HTML分析器，分析HTML元素，构建一颗DOM树。
二、用CSS分析器，分析CSS文件和元素上的行内样式，生成页面的样式表。
三、将dom树和样式表关联起来， 构建一个render树
四、有了render树后，浏览器开始布局
五、绘制页面
如果去操作真实的dom，假如一次操作会更新10个节点，每个节点变化都会将上述流程执行一遍，频繁的操作，会影响浏览器的性能。
虚拟dom会将10次变化先保存到本地的js对象中，最后一次性映射到真实的dom中，然后交由浏览器绘制，避免了浏览器引擎大量的工作，从而可以提高效率。