騰訊前端框架:Abstract.js

ygfb 8年前發布 | 13K 次閱讀 前端技術 Abstract.js

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.baiduhome.net/lib/view/home/1449402099130

 本文由用戶 ygfb 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!