前端MVVM框架设计及实现

最近抽出点时间想弄个dom模块化的模板引擎,不过如今这种都是MVVM自带的,索性就想本身造轮子写一个简单的MVVM框架了html

借鉴的天然仍是从正美的Avalon开始了,我2013年写过一个关于MVC MVVM源码分析系列,其实MVVM并不难前端

为了便于你们更深入理解前二版会先简单的模仿avalon的实现最基本的原理vue

从第三版开始就会加入AMD,ko,vue等框架的设计元素,造成本身的一套风格git

 

框架是面向一个领域,提供一套解决方案,那么咱们用前端的MVVM能为咱们带来什么便利?github

  • 关注点分离
  • 操做数据即操做DOM
  • 动态模板

关注点分离是MVVM与身俱来的,操做数据即操做DOM,是VM中的访问器带来的,动态模板是流程绑定实现的。框架

关于MV*的讨论太多了,这里不在讨论,咱们重点就是如何实现前端MVMM框架?dom

 

实现流程:mvvm

MVVM框架设计及实现(一): 双向绑定模块化

MVVM框架设计及实现(二): 指令源码分析

MVVM框架设计及实现(三): 结合VUE,全新的AMD模块

 

 


 

GitHub上会同步更新每章对应的实现,。。。敬请关注~

Fork https://github.com/JsAaron/aaMVVM

相关文章
相关标签/搜索