可继承的前端开发框架 Intact

• 授权协议: MIT
• 开发语言: JavaScript
• 操作系统: 跨平台
• 软件首页: https://git.oschina.net/javey/Intact
• 软件文档: http://javey.github.io/intact/#/document/start
• 官方下载: https://git.oschina.net/javey/Intact

软件介绍

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

本文地址：https://codercto.com/soft/d/2093.html