BackboneJS教學
BackboneJS環境設置
BackboneJS應用
BackboneJS事件
BackboneJS事件on
BackboneJS事件off
BackboneJS事件trigger
BackboneJS事件once
BackboneJS事件listenTo
BackboneJS事件stopListening
BackboneJS事件listenToOnce
BackboneJS模型
BackboneJS Model.extend()方法
BackboneJS Model.initialize()方法
BackboneJS Model.get()方法
BackboneJS Model.set()方法
BackboneJS model.escape()方法
BackboneJS model.has()方法
BackboneJS model.unset()方法
BackboneJS model.clear()方法
BackboneJS model.id屬性
BackboneJS model.idAttribute屬性
BackboneJS model.cid屬性
BackboneJS model.attributes屬性
BackboneJS model.changed
BackboneJS model.defaults
BackboneJS model.toJSON()方法
BackboneJS model.sync()方法
BackboneJS model.fetch()方法
BackboneJS model.save()方法
BackboneJS model.destroy()方法
BackboneJS model.validate()方法
BackboneJS model.validationError
BackboneJS model.isValid()方法
BackboneJS model.url()方法
BackboneJS model.urlRoot()方法
BackboneJS model.parse()方法
BackboneJS model.clone()方法
BackboneJS model.hasChanged()方法
BackboneJS model.isNew()方法
BackboneJS model.changedAttributes()方法
BackboneJS model.previous()方法
BackboneJS model.previousAttributes()方法
BackboneJS集合
BackboneJS Collection.extend()方法
BackboneJS Collection.model
BackboneJS 集合初始化
BackboneJS collection.models
BackboneJS collection.toJSON()方法
BackboneJS collection.sync()方法
BackboneJS collection.add()方法
BackboneJS collection.remove()方法
BackboneJS collection.reset()方法
BackboneJS collection.set()方法
BackboneJS collection.get(id)方法
BackboneJS collection.at()方法
BackboneJS collection.push()方法
BackboneJS collection.pop()方法
BackboneJS collection.unshift()方法
BackboneJS collection.shift()方法
BackboneJS collection.slice()方法
BackboneJS collection.length
BackboneJS collection.comparator屬性
BackboneJS collection.sort()函數
BackboneJS collection.pluck()方法
BackboneJS collection.where()方法
BackboneJS collection.findWhere()方法
BackboneJS collection.url()方法
BackboneJS collection.parse()方法
BackboneJS collection.clone()方法
BackboneJS collection.fetch()方法
BackboneJS collection.create()方法
BackboneJS路由
BackboneJS router.execute()方法
BackboneJS router.routes
BackboneJS Router初始化
BackboneJS router.navigate()方法
BackboneJS router.route()方法
BackboneJS Backbone.history.start()方法
BackboneJS同步
BackboneJS .sync()方法
BackboneJS Backbone.emulateHTTP
BackboneJS Backbone.emulateJSON
BackboneJS視圖
Backbone.View.extend()方法
BackboneJS視圖初始化
BackboneJS view.el
BackboneJS view.$el
BackboneJS view.setElement()方法
BackboneJS view.attributes
BackboneJS view.$(selector)方法
BackboneJS view.template(data)方法

BackboneJS教學

Backbone.js是什麼?

BackboneJS是一種輕量級的JavaScript庫,它允許開發並在Web瀏覽器中運行客戶端應用程序。它提供了MVC框架,它抽象成數據模型,DOM到視圖,並構建這兩種事件。

歷史

Backbone.js是由Jeremy Ashkenas開發,最初發佈於2010年10月13日。

什麼時候使用BackboneJS?

  • 如果正在創建使用使用JavaScript或jQuery代碼應用。以代碼添加或替換DOM元素到應用程序讓一些請求或顯示動畫的應用程序或添加更多的行數,,應用程序可能會變得複雜。

  • 如果想更好地設計大量代碼,可以考慮使用Backbone.js庫,它提供良好的功能,以良好的組織和結構化的方式來開發應用程序。

  • 通過Backbone通信事件,這樣就不會有亂七八糟的應用程序。代碼將是更清潔,更好,更易於維護。

特點

  • Backbone.js使用開發應用程序和前端更容易,更好地使用JavaScript功能。

  • Backbone提供了各種架構,如模型,視圖,事件,路由和集合組裝的客戶端Web應用程序。

  • 當模型發生變化,它會自動更新應用程序的HTML。

  • Backbone.js是分離的業務和用戶界面邏輯的一個簡單庫。

  • 它是自由和開放源碼庫,其中包含超過100個可用的擴展。

  • 它就像一個backbone項目,並幫助組織代碼。

  • 管理的數據模型,其包括用戶數據,並在與寫在客戶端的格式相同的服務器側顯示該數據。

  • 它具有柔軟的依賴jQuery和強依賴Underscore.js。

  • 它允許在良好的結構和組織形式創建客戶端Web應用程序或移動應用程序。