簡(jiǎn)介

創(chuàng)新互聯(lián)公司-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性?xún)r(jià)比三門(mén)網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式三門(mén)網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋三門(mén)地區(qū)。費(fèi)用合理售后完善，十載實(shí)體公司更值得信賴(lài)。

Web 應(yīng)用程序越來(lái)越關(guān)注于前端，使用客戶(hù)端腳本與 Ajax 進(jìn)行交互。由于 JavaScript 應(yīng)用程序越來(lái)越復(fù)雜，如果沒(méi)有合適的工具和模式，那么 JavaScript 代碼的高效編寫(xiě)、非重復(fù)性和可維護(hù)性方面會(huì)面臨挑戰(zhàn)。模型-視圖-控制器 (MVC) 是一個(gè)常見(jiàn)模式，可用于服務(wù)器端開(kāi)發(fā)以生成有組織以及易維護(hù)的代碼。MVC 支持將數(shù)據(jù)（比如通常用于 Ajax 交互的 JavaScript Object Notation (JSON) 對(duì)象）從表示層或從頁(yè)面的文檔對(duì)象模型 (document object model, DOM) 中分離出來(lái)，也可適用于客戶(hù)端開(kāi)發(fā)。

Backbone（也稱(chēng)為 Backbone.js）是由 Jeremy Ashkenas 創(chuàng)建的一個(gè)輕量級(jí)庫(kù)，可用于創(chuàng)建 MVC 類(lèi)應(yīng)用程序。Backbone：

1. 強(qiáng)制依賴(lài)于 Underscore.js，Underscore.js 是一個(gè)實(shí)用型庫(kù)
2. 非強(qiáng)制依賴(lài)于 jQuery/Zepto
3. 根據(jù)模型的變更自動(dòng)更新應(yīng)用程序的 HTML，有助于代碼維護(hù)
4. 促進(jìn)客戶(hù)端模板使用，避免了在 JavaScript 中嵌入 HTML 代碼

模型、視圖、集合和路由器是 Backbone 框架中的主要組件。在 Backbone 中，模型會(huì)存儲(chǔ)通過(guò) RESTful JSON 接口從服務(wù)器檢索到的數(shù)據(jù)。模型與視圖密切關(guān)聯(lián)，負(fù)責(zé)為特定 UI 組件渲染 HTML 并處理元素上觸發(fā)的事件，這也是視圖本身的一部分。

SPI 應(yīng)用程序：Backbone.Router 和 Backbone.history

含有大量 Ajax 交互的應(yīng)用程序越來(lái)越像那些無(wú)頁(yè)面刷新的應(yīng)用程序。這些應(yīng)用程序常常試圖限制與單個(gè)頁(yè)面的交互。該 SPI 方法提高了效率和速度，并使整個(gè)應(yīng)用程序變得更靈敏。狀態(tài)概念代替了頁(yè)面概念。散列 (Hash) 片段被用于識(shí)別一個(gè)特定狀態(tài)。散列片段 是 URL 中散列標(biāo)簽 (#) 后的那部分，是該類(lèi)應(yīng)用程序的關(guān)鍵元素。清單 1 顯示了一個(gè) SPI 應(yīng)用程序使用兩個(gè)不同的散列片段產(chǎn)生的兩個(gè)不同狀態(tài)。

清單 1. SPI 或 Ajax 應(yīng)用程序中的兩個(gè)不同狀態(tài)

http://www.example.com/#/state1

http://www.example.com/#/state2

Backbone 提供一個(gè)稱(chēng)為路由器（版本 0.5 前稱(chēng)之為控制器）的組件來(lái)路由客戶(hù)端狀態(tài)。路由器可以擴(kuò)展 Backbone.Router 函數(shù)，且包含一個(gè)散列映射（routes 屬性）將狀態(tài)與活動(dòng)關(guān)聯(lián)起來(lái)。當(dāng)應(yīng)用程序達(dá)到相關(guān)狀態(tài)時(shí)，會(huì)觸發(fā)一個(gè)特定活動(dòng)。清單2 展示了一個(gè) Backbone 路由器示例。

清單 2. Backbone.Router 示例：routers.js

App.Routers.Main = Backbone.Router.extend({
  
  // Hash maps for routes
  routes : {
   "" : "index",
   "/teams" : "getTeams",
   "/teams/:country" : "getTeamsCountry",
   "/teams/:country/:name : "getTeam"
   "*error" : "fourOfour"
  },
  
  index: function(){
    // Homepage 
  },
  
  getTeams: function() {
    // List all teams 
  },
  getTeamsCountry: function(country) {
    // Get list of teams for specific country
  },
  getTeam: function(country, name) {
    // Get the teams for a specific country and with a specific name
  }, 
  fourOfour: function(error) {
    // 404 page
  }
});

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

分享標(biāo)題：backbone簡(jiǎn)介_(kāi)動(dòng)力節(jié)點(diǎn)Java學(xué)院整理-創(chuàng)新互聯(lián)
URL網(wǎng)址：http://jinyejixie.com/article10/cospgo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、微信公眾號(hào)、網(wǎng)站制作、電子商務(wù)、建站公司、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)