11年剛開始用前端MVC框架時寫過一篇文章，當時Knockout和Backbone都在用，但之后的項目全是在用Backbone，主要因為它簡單、靈活，無論是富JS應用還是企業(yè)網(wǎng)站都用得上。相比React針對View和單向數(shù)據(jù)流的設(shè)計，Backbone更能體現(xiàn)MVC的思路，所以針對它寫一篇入門范例，說明如下：

創(chuàng)新互聯(lián)建站擁有一支富有激情的企業(yè)網(wǎng)站制作團隊，在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)深耕10多年，專業(yè)且經(jīng)驗豐富。10多年網(wǎng)站優(yōu)化營銷經(jīng)驗，我們已為上千多家中小企業(yè)提供了成都做網(wǎng)站、成都網(wǎng)站建設(shè)解決方案，按需定制，設(shè)計滿意，售后服務無憂。所有客戶皆提供一年免費網(wǎng)站維護!

1. 結(jié)構(gòu)上分4節(jié)，介紹Model/View/Collection，實現(xiàn)從遠程獲取數(shù)據(jù)顯示到表格且修改刪除；
2. 名為“范例”，所以代碼為主，每節(jié)的第1段代碼都是完整代碼，復制粘貼就能用，每段代碼都是基于前一段代碼來寫的，因此每段代碼的新內(nèi)容不會超過20行（大括號計算在內(nèi)）；
3. 每行代碼沒有注釋，但重要內(nèi)容之后有寫具體的說明；
4. 開發(fā)環(huán)境是Chrome，使用github的API，這樣用Chrome即使在本地路徑(形如file://的路徑)也能獲取數(shù)據(jù)。

0. Introduction

幾乎所有的框架都是在做兩件事：一是幫你把代碼寫在正確的地方；二是幫你做一些臟活累活。Backbone實現(xiàn)一種清晰的MVC代碼結(jié)構(gòu)，解決了數(shù)據(jù)模型和視圖映射的問題。雖然所有JS相關(guān)的項目都可以用，但Backbone最適合的還是這樣一種場景：需要用JS生成大量的頁面內(nèi)容(HTML為主)，用戶跟頁面元素有很多的交互行為。

Backbone對象有5個重要的函數(shù)，Model/Collection/View/Router/History。Router和History是針對Web應用程序的優(yōu)化，建議先熟悉pushState的相關(guān)知識。入門階段可以只了解Model/Collection/View。將Model視為核心，Collection是Model的集合，View是為了實現(xiàn)Model的改動在前端的反映。

1. Model

Model是所有JS應用的核心，很多Backbone教程喜歡從View開始講，其實View的內(nèi)容不多，而且理解了View意義不大，理解Model更重要。以下代碼實現(xiàn)從github的API獲取一條gist信息，顯示到頁面上：

 

  
description
URL
created_at
  

 
 

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網(wǎng)站欄目：BACKBONE.JS簡單入門范例-創(chuàng)新互聯(lián)
當前鏈接：http://weahome.cn/article/djgcpe.html