99偷拍视频精品区一区二,口述久久久久久久久久久久,国产精品夫妇激情啪发布,成人永久免费网站在线观看,国产精品高清免费在线,青青草在线观看视频观看,久久久久久国产一区,天天婷婷久久18禁,日韩动漫av在线播放直播

BACKBONE.JS簡單入門范例-創新互聯

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

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

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

0. Introduction

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

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

1. Model

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

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.js"></script>
<script type="text/javascript" src="http://underscorejs.org/underscore-min.js"></script>
<script type="text/javascript" src="http://backbonejs.org/backbone-min.js"></script>

<link  rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="stylesheet">
</head>
<body>
 <table id="js-id-gists" class="table">
  <thead><th>description</th><th>URL</th><th>created_at</th></thead>
  <tbody></tbody>
 </table>
 <script type="text/javascript">
 var Gist = Backbone.Model.extend({
  url: 'https://api.github.com/gists/public',
  parse: function (response) {
   return (response[0]);
  }
 }),
  gist = new Gist();

 gist.on('change', function (model) {
  var tbody = document.getElementById('js-id-gists').children[1],
   tr = document.getElementById(model.get('id'));
  if (!tr) {
   tr = document.createElement('tr');
   tr.setAttribute('id', model.get('id'));
  }
  tr.innerHTML = '<td>' + model.get('description') + '</td><td>' + model.get('url') + '</td><td>' + model.get('created_at') + '</td>';
  tbody.appendChild(tr);
 });
 gist.fetch();
 </script>
</body>
</html>

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

新聞標題：BACKBONE.JS簡單入門范例-創新互聯
網頁鏈接：http://www.yijiale78.com/article34/djgcpe.html

成都網站建設公司_創新互聯，為您提供網站制作、網站排名、網站營銷、動態網站、App開發、自適應網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

外貿網站制作