Abstract.js前端框架-技术圈

Abstract.js前端框架

联合创作 · 2023-09-22 05:36

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

编辑分享