MVVM的基础原理、设计原理、流程

MVVM的基础原理、设计原理、流程

1.最为核心的基础原理是什么？是 Object.defineProperty数据劫持操作，它实现的是数据的劫持与数据的代理两个工作内容；

2.MVVM其设计原理依托的是订阅与发布模式；

3.它的代码实现其核心算法是递归算法；

4.重要的性能提升就是利用文档碎片功能实现虚拟DOM与真实DOM之间的转化；

流程：

1.MVVM的流程分成了两大阶段：数据的初始阶段与更新阶段；

2.MVVM流程的节点主要包括：

• Observer它的主要目标是给普通对象添加getter/setter，主要利用的算法就是递归；
• Comiple模板编译，它的主要功能是实现将数据渲染到DOM节点当中，在此环节中主要利用虚拟DOM与真实DOM的转换操作，其实就是文档碎片，其核心算法仍旧是递归；
• 在Comiple模板编译初始化阶段需要创建Watcher实例，以便后续进行数据更新处理，以便实现数据的监控操作；
• 在Watcher构造初始化时，利用reduce链式获取对象属性值来触发get拦截，以便将Watcher实例对象添加到dep的subs数组当中；
• 可以通过nodeType进行DOM节点的判断以便确认是对纯文本还是输入框内容操作，对输入框内容可以实现事件的监听addEventListener，最终目标是要实现双向数据绑定操作；
• 因为Dep里notify通知会告知Wathcer实例执行update更新操作，在输入框输入内容以后，将自动获取到新的更新值，然后再次渲染到DOM对象上。