Intact可繼承的前端開發(fā)框架

Intact是一個可繼承的前端開發(fā)框架

1. 簡單：沒有復(fù)雜的概念，你僅僅只需要了解HTML，CSS和JavaScript即可

2. 高效：22KB min+gzip 大小，包含前端編譯模塊；fork自目前最快的虛擬DOM引擎之一（inferno）構(gòu)建

3. 可繼承：充分發(fā)揮繼承的優(yōu)勢，實現(xiàn)組件邏輯和模板的繼承擴展， 讓你更快速方便地構(gòu)建復(fù)雜的應(yīng)用

示例：

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'));