什么是 vdom（虚拟 DOM）MVC

1.什么是 vdom（虚拟 DOM）？为何要使用 vdom？简单的描述一下什么是 Diff 算法？

答：使用 JS 对象来模拟 DOM 结构，将 DOM 变化的对比放到 JS 层来做，提高效率。

Vdom 是一类技术栈，（snabbdom）

例如：真实 DOM 结构 

模拟结构 

浏览器最费事操作就是 DOM 操作，DOM 结构复杂，属性太多。节点与节点之间还相互关联。

Diff 算法的存在是对比新旧两个虚拟 DOM 节点的区别，只修改变化的地方，其他节点不动。

大概实现的思路为遍历新节点，与旧节点同级比较，如果节点相同，再比较属性值，再递归比较子

节点，直到全部比较完，再进行下一次同级比较。当遇到不相同的地方记录下来，下一次事件循环

的时候统一更新节点。

2. 简单说一下对 MVC、MVVM 的理解？

答：1、M：model 数据源，一个列表的数据、表单数据等；V：view 视图，HTML+CSS；C：controllor

控制器，控制视图或者数据的变化。

2、MVVM，在 MVC 模式上算是一个微创新，M 和 V 和上面一样的，VM：viewmodel，相对

于 M/V 之间的一个桥，view 通过事件绑定影响到 model，model 可以通过数据监听来影响视图，这

样就让 View 和 Model 分离了更加利于视图的复用。