Backbone.js

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

基本介紹

• 軟體名稱：Backbone.js
• 開發商：未知
• 主要組成：model collection view
• 服務對象：複雜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關係圖

2.collection：可以增加元素，刪除元素，獲取長度，排序，比較等一系列工具方法，說白了就是一個保存 models的集合類

3.view：綁定html模板，綁定界面元素的事件，初始的渲染，模型值改變後的重新渲染和界面元素的銷毀等

優勢：

1. 將數據和界面很好的分離開來。

2. 將事件的綁定很好的剝離出來，便於管理和疊代。

3. 使得Javascript程式的模組化更加清晰、明了。

套用場景

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

套用：豆瓣說