开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
Intact首页、文档和下载 - 可继承的前端开发框架 - 开源中国社区
全部项目分类
MIT
JavaScript 查看源码»
跨平台
JaveyZ
分享
收藏
16 人收藏
收录时间:2017-09-05
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'));
Intact

选择将代码托管在码云
你还在等什么

可能是中国最大最好的代码托管平台


大家对 Intact 的评论 (全部 2 条评论)
{{repayCom.userName}}
tkggusraqk
没用,复杂度整体上升,本身html就不适合这种方式
Sir_code
可继承组件技术方案是很新颖,看了下文档,很赞。
顶部