資訊專欄INFORMATION COLUMN
摘要：最初編寫于年，是一個(gè)面向移動(dòng)應(yīng)用的前端框架，版本進(jìn)行了大量的重構(gòu)或重寫，并盡可能的保持了和之前版本類似的，是一個(gè)極輕量的框架，相較目前主流的類似的框架，更為輕量，希望為開發(fā)人員提供多一種的選擇。
Mokit 最初編寫于 2012 年，是一個(gè)面向移動(dòng)應(yīng)用的前端 mvc 框架，v3 版本進(jìn)行了大量的重構(gòu)或重寫，并盡可能的保持了和之前版本類似的 API，
v3 是一個(gè)「極輕量」的 MVVM 框架，相較目前主流的類似的框架(react/vue/angular)，mokit v3 更為「輕量」，希望為開發(fā)人員提供多一種的選擇。
MVC -> MVVM
重寫模板引擎（由字符模板改為 DOM 模板），新增支持雙向綁定
原來的 View 類改為 Component，同時(shí)取消了 Controller 類
options 選項(xiàng)改為 properties，并支持計(jì)算屬性
onRender 生命周期函數(shù)改為 onReady
新增支持 data 選項(xiàng)
新增支持 watches 選項(xiàng)
分拆 template 選項(xiàng)功能，不再自動(dòng)檢查是否為 Element，同時(shí)新增 element 選項(xiàng)
指令默認(rèn)前綴由 data- 改為 m:，同時(shí)自定義指令
特性面向移動(dòng)設(shè)備，內(nèi)置支持常用「手勢(shì)事件」并可以輕松添加自定義事件。
極其輕量?jī)H 9.8k (uglify+gzip)
提供類 WebCompoents 的支持，并支持「組件繼承」
Hello worldHTML:
JavaScript:
//啟動(dòng)應(yīng)用
mokit({
element: document.getElementById("app"),
data:function(){
return {
name: "世界"
};
},
say: function (name) {
alert("hello "+ name);
}
}).start();
定義組件
編寫組件:
//定義一個(gè) hello 組件
var Hello = new mokit.Component({
template: "",
properties: { name: null},
say: function (name) {
alert("hello "+ name);
}
});
HTML:
