腾讯前端框架:Abstract.js

ygfb 4年前

Abstract.js 是来自腾讯兴趣部落的前端框架。

抽象理论模型

Abstract.js基于严格的抽象数学理论模型,它把一些新的理念带入到web开发中去 学习基本理论和思想

虚拟DOM

每个模型指向页面的每个模块。每个模块有子模块和父模块,因此它们构成了虚拟的DOM树。

事件冒泡机制

由模型触发的事件可以沿着虚拟DOM树向上冒泡,所以你可以在最上次轻松的捕获到子模型的事件。

严格的MVC约束

每一块代码看起来都是统一的。它使得你的项目代码很整洁,Abstract减少了项目重构的机会。

简单易上手

你只需花几分钟就可以创建一个移动页面。

与其他库友好

如果你在用 jQuery 或者 Zepto, Abstract的ajax模块将会自动交由库来管理

示例

渲染模块:

var header = new RenderModel({    el: "#render",    data: {      title: "Abstract.js",      desc: "Abstract.js is next framework for the web"    },        tmpl: "{{title}}<br />{{desc}}"  });      header.rock();

下拉滚动列表:
var listing = new ScrollModel({      data: {      list: [        'Abstact.js publishes version 2.0',        'Abstact.js publishes version 2.0',        'Abstact.js publishes version 2.0',        'Abstact.js publishes version 2.0',        'Abstact.js publishes version 2.0'      ]    },        scrollEl: '#listing',    tmpl: "<li soda-repeat='item in list'>{{item}}</li>",    el: "#listing"  });      listing.rock();

项目主页:http://www.open-open.com/lib/view/home/1449402099130