Abstract.js 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Abstract.js 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Abstract.js 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开源组织 腾讯
地区 国产
投 递 者 叶秀兰
适用人群 未知
收录时间 2015-11-25

软件简介

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();
展开阅读全文

代码

评论

点击引领话题📣 发布并加入讨论🔥
暂无内容
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
0 评论
6 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部