Intact - 可继承的前端开发框架


MIT
跨平台
JavaScript

软件简介

Intact是一个可继承的前端开发框架

  1. 简单:没有复杂的概念,你仅仅只需要了解HTML,CSS和JavaScript即可

  2. 高效:22KB min+gzip 大小,包含前端编译模块;fork自目前最快的虚拟DOM引擎之一(inferno)构建

  3. 可继承:充分发挥继承的优势,实现组件逻辑和模板的继承扩展, 让你更快速方便地构建复杂的应用

示例:

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