前端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

相關文章
相關標籤/搜索