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