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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM