Fork me on GitHub

前端MVVM框架设计及实现

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

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

为了便于大家更深刻理解前二版会先简单的模仿avalon的实现最基本的原理

从第三版开始就会加入AMD,ko,vue等框架的设计元素,形成自己的一套风格

 

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

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

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

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

 

实现流程:

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

MVVM框架设计及实现(二): 指令

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

 

 


 

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

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

posted on 2013-10-26 21:58  【艾伦】  阅读(7071)  评论(7编辑  收藏  举报