前端MVVM框架avalon揭秘 - 雙向綁定原理
avalon大家可能不熟悉，但是Knockout估計或多或少聽過用過，那么說說KO的幾個概念 監控屬性（Observables）和依賴跟蹤（Dependency tracking） 聲明式綁定（Declarative bindings） 模板（Templating） 本章主要 ...
原文：前端MVVM框架avalon揭秘 - HTML編譯器
MVVM試圖更加清晰的講用戶界面 UI 開發從應用程序的業務邏輯與行為中心分離，因為，很多這樣的模式的實現都需要利用聲明式數據綁定來實現講View 視圖 工作從其他層分離 所以出現了一大堆自定義的聲明式的語法： 如:Avalon 作用域綁定 ms controller, ms important 模板綁定 ms include 數據填充 ms text, ms html 類名切換 ms class ...
2013-07-31 20:10 4 10085 推薦指數：
相關推薦
輕量級前端MVVM框架avalon - 控制器
引子： 最近工作挺忙,avalon只能斷斷續續的寫下去了,大概看了下angular的源碼,看到小一半就比較難堅持了,是塊硬骨頭,慢慢啃吧 不過angular的的文檔中用詞還是很優雅： HTML編譯器 指令 編譯 鏈接 過濾器 注入器 控制器 管道 ...
輕量級前端MVVM框架avalon - ViewModel
廢話說了大幾篇,我們開始來點干貨了~ ViewModel的內部機制 在MVVM中，數據是核心。而jQuery則以DOM為核心。 而DOM只是HTML在JS的世界的抽象，是一個很易變的東西。因此如果業務代碼遍歷選擇器表達式會非常難維護。但不可否認，jQuery是操作DOM的王者 ...
輕量級前端MVVM框架avalon - 執行流程2
接上一章 執行流程1 在這一大堆掃描綁定方法中應該會哪些實現？ 首先我們看avalon能幫你做什么？ 數據填充，比如表單的一些初始值，切換卡的各個面板的內容({{xxx}},{{xxx|html}}, ms-html) 類名處理，如隔行變色，掠過變色(ms-class ...
輕量級前端MVVM框架avalon - 初步接觸
迷你簡單易用的MVVM框架 avalon的介紹 http://rubylouvre.github.io/mvvm/ 按照作者的介紹,在HTML中添加綁定,在JS中用avalon.define定義ViewModel，再調用avalon.scan方法，它就能動了！ 神奇的代碼 ...
輕量級前端MVVM框架avalon - 整體架構
官網提供架構圖 單看這個圖呢,還木有說明,感覺有點蛋疼,作者的抽象度太高了,還好在前面已經大概分析過了執行流程 如圖 左邊是View視圖,我們就理解html結構,換句話就是說用戶能看到的界面,渲染頁面，綁定事件，切換類名，什么臟活都攬 右邊是ViewModel 視圖模式 ...
輕量級前端MVVM框架avalon源碼分析-總結
距avalon0.7版本發布有一段時間，由於之前的穩定性，就停止一段時間更新，期間研究了下Knockout源碼，也嘗試寫了一個小型的mvvm的實現模型，僅僅只是仿造ko的核心實現，把無關的東西給剝離掉了，有時間總結一下發布出來。 ko算很早就出現的MVVM庫了，實現是手段也是異常的巧妙 ...
輕量級前端MVVM框架avalon - 模型轉換
接上一章 ViewModel modelFactory工廠是如何加工用戶定義的VM？ 附源碼 洋洋灑灑100多行內部是魔幻般的實現 1: ...