Backbone.js

Backbone.js

Backbone 為複雜Javascript應用程式提供模型(models)、集合(collections)、視圖(views)的結構。其中模型用於綁定鍵值數據和自定義事件;集合附有可枚舉函式的豐富API; 視圖可以聲明事件處理函式,並通過RESTful JSON接口連線到應用程式。

基本介紹

  • 軟體名稱:Backbone.js
  • 開發商:未知
  • 主要組成:modelcollectionview
  • 服務對象:複雜Javascript應用程式
主要特點,基本功能,套用場景,

主要特點

當我們開發含有大量Javascript的web應用程式時,首先你需要做的事情之一便是停止向DOM對象附加數據。 通過複雜多變的jQuery選擇符和回調函式創建Javascript應用程式,包括在HTML UI,Javascript邏輯和數據之間保持同步,都不複雜。 但對付客戶端套用來說,良好的架構通常是有很多益處的。
Backbone將數據呈現為模型, 你可以創建模型、對模型進行驗證和銷毀,甚至將它保存到伺服器。 當UI的變化引起模型屬性改變時,模型會觸發"change"事件; 所有顯示模型數據的視圖會接收到該事件的通知,繼而視圖重新渲染。 你無需查找DOM來搜尋指定id的元素去手動更新HTML。 — 旦模型改變了,視圖便會自動變化。

基本功能

backbone.js提供了一套web開發的框架,通過Models進行key-value綁定及custom事件處理,通過Collections提供一套豐富的API用於枚舉功能,通過Views來進行事件處理及與現有的Application通過RESTful JSON接口進行互動.它是基於jquery和underscore的一個js框架。
主要組成:
1.model:創建數據,進行數據驗證,銷毀或者保存到伺服器上
Backbone.js
backbone關係圖
2.collection:可以增加元素,刪除元素,獲取長度,排序,比較等一系列工具方法,說白了就是一個保存 models的集合類
3.view:綁定html模板,綁定界面元素的事件,初始的渲染,模型值改變後的重新渲染和界面元素的銷毀等
優勢
1. 將數據和界面很好的分離開來。
2. 將事件的綁定很好的剝離出來,便於管理和疊代。
3. 使得Javascript程式的模組化更加清晰、明了。

套用場景

最適合的套用場景是單頁面套用,並且頁面上有大量數據模型,模型之間需要進行複雜的信息溝通。
套用:豆瓣說

相關詞條

熱門詞條

聯絡我們