Intact可继承的前端开发框架
Intact是一个可继承的前端开发框架
-
简单：没有复杂的概念，你仅仅只需要了解HTML，CSS和JavaScript即可
-
高效：22KB min+gzip 大小，包含前端编译模块；fork自目前最快的虚拟DOM引擎之一（inferno）构建
-
可继承：充分发挥继承的优势，实现组件逻辑和模板的继承扩展， 让你更快速方便地构建复杂的应用
示例：
var Layout = Intact.extend({
template: '<div>\
<header>\
<b:header>Extendable and Reactive Component</b:header>\
</header>\
<div>\
<b:body>\
<div class="count">{self.get("count")}</div>\
</b:body>\
</div>\
</div>',
defaults: function() {
return {count: 0};
}
});
var Page = Layout.extend({
template: '<t:parent>\
<b:body>\
{parent()}\
<button class="button"\
ev-click={self.add.bind(self)}\
>Click me!</button>\
</b:body>\
</t:parent>',
add: function() {
this.set('count', this.get('count') + 1);
}
});
Intact.mount(Page, document.getElementById('app'));评论