腾讯前端框架:Abstract.js
ygfb
9年前
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();