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