認(rèn)識(shí) Backbone（四） : 什么是 Collection

marser 發(fā)布于2019-08-19 14:40 / 584人閱讀

摘要：簡(jiǎn)而言之，中的就是的一個(gè)有序集合，比如，它可能會(huì)在以下情況中用到一般只使用同一類型的，但是可以屬于不同類型的，比如創(chuàng)建一個(gè)定義定義指定內(nèi)的為輸出為的概念比較簡(jiǎn)單，它只是的一個(gè)有序集合，所以對(duì)的相關(guān)操作，同樣可以對(duì)應(yīng)用，詳細(xì)可以閱讀認(rèn)識(shí)一什么

簡(jiǎn)而言之，Backbone 中的 Collection 就是 Model 的一個(gè)有序集合，比如，它可能會(huì)在以下情況中用到:

Model: Student, Collection: ClassStudents

Model: Todo Item, Collection: Todo List

Model: Animal, Collection: Zoo

Collection 一般只使用同一類型的 Model，但是 Model 可以屬于不同類型的 Collection，比如：

Model: Student, Collection: Gym Class

Model: Student, Collection: Art Class

Model: Student, Collection: English Class

創(chuàng)建一個(gè) Collection

//定義 Model Song
var Song = Backbone.Model.extend({
    defaults: {
        name: "Not specified",
        artist: "Not specified"
    },
    initialize: function(){
        console.log("Music is the answer");
    }
});

//定義 Collection Album
var Album = Backbone.Collection.extend({
    model: Song //指定 Collection 內(nèi)的 Model 為 Song
});

var song1 = new Song({ name: "How Bizarre", artist: "OMC" });
var song2 = new Song({ name: "Sexual Healing", artist: "Marvin Gaye" });
var song3 = new Song({ name: "Talk It Over In Bed", artist: "OMC" });

var myAlbum = new Album([ song1, song2, song3]);
console.log( myAlbum.models ); // 輸出為 [song1, song2, song3]

Backbone 的 Collection 概念比較簡(jiǎn)單，它只是 Model 的一個(gè)有序集合，所以對(duì) Model 的相關(guān)操作，同樣可以對(duì) Collection 應(yīng)用，詳細(xì)可以閱讀《認(rèn)識(shí) Backbone（一） : 什么是 Model》一篇。

參考

http://backbonetutorials.com/what-is-a-collection/

云服務(wù)器 GPU云服務(wù)器 Collection Backbone backbone.js collection接口

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/78063.html

相關(guān)文章

基于 Backbone + node 的個(gè)人簡(jiǎn)歷生成器（個(gè)人學(xué)習(xí)總結(jié)）

摘要：應(yīng)用的功能這個(gè)應(yīng)用是一個(gè)個(gè)人簡(jiǎn)歷生成器。比較好的教程有這一個(gè)。這樣的命名污染問題自然顯而易見。而且發(fā)出多次請(qǐng)求也會(huì)影響性能。明顯不利于維護(hù)。然而我希望能夠不發(fā)生變化，因?yàn)槭窃谖募那疤嵯碌臉?biāo)簽頁(yè)，不能換一個(gè)標(biāo)簽就重建一個(gè)。為什么學(xué)習(xí)backbone？這是個(gè)好問題。在這個(gè)前端框架爆炸的年代，比起backbone，對(duì)開發(fā)來(lái)說有更多更好的選擇，react，vue，angular等等。但這些...

lansheng228 2019-08-20 10:24 評(píng)論0 收藏0
Backbone 源碼解讀（一）

1. 開場(chǎng) 1.1 MVC？ MVC是一種GUI軟件的一種架構(gòu)模式。它的目的是將軟件的數(shù)據(jù)層（Model）和視圖（view）分開。Model連接數(shù)據(jù)庫(kù)，實(shí)現(xiàn)數(shù)據(jù)的交互。用戶不能直接和數(shù)據(jù)打交道，而是需要通過操作視圖，然后通過controller對(duì)事件作出響應(yīng)，最后才得以改變數(shù)據(jù)。最后數(shù)據(jù)改變，通過觀察者模式更新view。（所以在這里需要用到設(shè)計(jì)模式中的觀察者模式） 1.2 Smalltalk-80...

Kosmos 2019-08-20 10:25 評(píng)論0 收藏0
backbone源碼解讀

摘要：個(gè)人認(rèn)為，讀懂老牌框架的源代碼比會(huì)用流行框架的要有用的多。另外，源代碼中所有的以開頭的方法，可以認(rèn)為是私有方法，是沒有必要直接使用的，也不建議用戶覆蓋。寫在前面 backbone是我兩年多前入門前端的時(shí)候接觸到的第一個(gè)框架，當(dāng)初被backbone的強(qiáng)大功能所吸引(當(dāng)然的確比裸寫js要好得多)，雖然現(xiàn)在backbone并不算最主流的前端框架了，但是，它里面大量設(shè)計(jì)模式的靈活運(yùn)用，以及令...

Kross 2019-08-20 14:08 評(píng)論0 收藏0
backbone源碼解讀

摘要：個(gè)人認(rèn)為，讀懂老牌框架的源代碼比會(huì)用流行框架的要有用的多。另外，源代碼中所有的以開頭的方法，可以認(rèn)為是私有方法，是沒有必要直接使用的，也不建議用戶覆蓋。寫在前面 backbone是我兩年多前入門前端的時(shí)候接觸到的第一個(gè)框架，當(dāng)初被backbone的強(qiáng)大功能所吸引(當(dāng)然的確比裸寫js要好得多)，雖然現(xiàn)在backbone并不算最主流的前端框架了，但是，它里面大量設(shè)計(jì)模式的靈活運(yùn)用，以及令...

wangxinarhat 2019-08-01 16:15 評(píng)論0 收藏0
Backbone使用總結(jié)

摘要：原文使用總結(jié)事件模型及其原理就是事件實(shí)現(xiàn)的核心，它可以讓對(duì)象擁有事件能力對(duì)象通過偵聽其他對(duì)象，通過觸發(fā)事件。可以脫離的，在自定義的對(duì)象上使用事件執(zhí)行結(jié)果的和等核心類，都是繼承自的。在內(nèi)部使用事件基類的完成這個(gè)動(dòng)作。開始在項(xiàng)目中大規(guī)模使用backbone，一路磕磕碰碰，邊做邊學(xué)習(xí)邊體會(huì)，有一些心得和體會(huì)，記錄在本文中。原文：Backbone使用總結(jié) 事件模型及其原理 Backbon...

gotham 2019-08-26 11:29 評(píng)論0 收藏0