Avalon前端 MVVM 框架
avalon 是一個功能強大,體積小巧的 MVVM 框架。它遵循“操作數(shù)據(jù)即操作DOM”的理念,讓你在代碼里基本見不到一點DOM操作代碼。DOM操作全部在綁定后,交給框架處理。相當后端有了ORM一樣,不用你手寫SQL,提高生產(chǎn)力!
與其它js框架相比,同樣實現(xiàn)著名的todos功能,(參見todomvc官網(wǎng)),在所有MV*的實現(xiàn)中avalon是讓用戶寫代碼最少的。
與其他MV*相比,它不僅輕量,最低支持到IE6,而且性能是最好的。
優(yōu)勢:
-
使用簡單,在HTML中添加綁定,在JS中用avalon.define定義ViewModel,再調(diào)用avalon.scan方法,它就能動了!
-
兼容到IE6(其他mvvm框架, knockoutjs IE6, angularjs IE7, emberjs IE8, winJS IE9 )
-
沒有任何依賴,只有72K,壓縮后22K
-
支持管道符風格的過濾函數(shù),方便格式化輸出
-
局部刷新的顆粒度已細化到一個文本節(jié)點,特性節(jié)點
-
要操作的節(jié)點,在第一次掃描就與視圖刷新函數(shù)相綁定,并緩存起來,因此沒有選擇器出場的余地。
-
讓DOM操作的代碼近乎絕跡
-
使用類似CSS的重疊覆蓋機制,讓各個ViewModel分區(qū)交替地渲染頁面
-
節(jié)點移除時,智能卸載對應的視圖刷新函數(shù),節(jié)約內(nèi)存
-
操作數(shù)據(jù)即操作DOM,對ViewModel的操作都會同步到View與Model去。
與其他框架比較:
-
它體積更少,在主要的幾個MVVM框架(擁有雙向綁定機制),knockout是三千多行,angularjs 1.6萬, emberjs2-3萬行, winjs是幾M, kendoui是幾M!
-
兼容情況,kendoui與 knockoutjs IE6, angularjs IE7, emberjs IE8, winJS IE9
-
讓用戶寫代碼更少(可見我給出的todos)
-
上手難度,與knockout差不多,但借鑒了angularjs的,更為易用。
-
與knockoutjs, angular, winjs一樣是使用動態(tài)模板,至少保持第一屏數(shù)據(jù)是真實的,對SEO友好。
-
源碼也是它們中最易讀的。簡單的代碼也意味著擴展調(diào)試等容易。
