Backbone.js - osvěžující sbírky

V aplikacích, které provádíme, budeme mít nakonec rozsáhlou správu dat, pokud použijeme znalosti, které máme Backbone.js Abychom mohli pracovat se sbírkami, můžeme vidět, že v určitém okamžiku budeme muset provést rozsáhlé úpravy a dělat je v rámci kolekce model po modelu není efektivní.
K překonání těchto překážek existují způsoby a metody Backbone.js se kterým můžeme upravit nebo aktualizovat a přenést všechny modely v rámci kolekce do předchozího stavu, je to velmi užitečná znalost, pokud musíme pracovat s procesy, které jednotlivě mohou spouštět výkon aplikace.
Aktualizace kolekce
Jak jsme již dříve vysvětlovali, masivní změna v rámci kolekce je něco, co může být užitečné, zvláště když pracujeme s velmi velkým objemem dat, které mohou provést změnu z modelu na model jednotlivě. ovlivňujeme výkon aplikace.
Jak tuto změnu provést?Abychom tuto změnu provedli „masivně“, máme tuto metodu .reset (), tato metoda je použitelná pro kolekce, takže musíme kolekci nejprve inicializovat, než ji můžeme použít.
Podívejme se v následujícím příkladu, jak vytvoříme kolekci a na jejím základě použijeme .reset () metoda:

 var AllCollection = new Backbone.Collection (); TodosCollection.add ([{id: 1, title: 'Go to Germany.', Completed: false}, {id: 2, title: 'Go to Colombia.', Completed: false}, {id: 3, title: „Jděte do Japonska.“, Dokončeno: true}]); TodosCollection.on ("add", function (model) {console.log ("Added" + model.get ('title'));}); TodosCollection.on ("remove", function (model) {console.log ("Removed" + model.get ('title'));}); TodosCollection.on ("change: completed", function (model) {console.log ("Completed" + model.get ('title'));}); TodosCollection.set ([{id: 1, title: 'Go to Germany.', Completed: true}, {id: 2, title: 'Go to Colombia.', Completed: false}, {id: 4, title: „Jděte do Hongkongu.“, Dokončeno: false}]); TodosCollection.on ("reset", function () {console.log ("Refreshed Collection.");}); TodosCollection.reset ([{název: 'Přejít do Kanady.', Dokončeno: false}]); 

Tento příklad je docela užitečný, když se podíváme, založili jsme novou kolekci, přidali jsme asi 3 modely a posloucháme 3 základní události: přidání, změna a odstranění, pokaždé, když dojde k některému z nich, uděláme dojem pomocí console.log (), poté, co dokončíme poslech událostí, vytvořili jsme sadu, pokud ji vytvoříme s modelem, který neexistuje, jednoduše se přidá, ale tomuto problému se chceme vyhnout.
Jak se problému vyhnout?Abychom se vyhnuli problému, použijeme resetovací metoda a abychom otestovali, že to funguje, dali jsme funkci naslouchat, pokud dojde k události reset, pokud ano, vytiskneme zprávu pomocí console.log; Nakonec provedeme reset kolekce, tj. Obnovíme její obsah a okamžitě definujeme nový model, čímž se kolekce zcela změní a uvidíme, že předchozí události, které jsme zmínili, by neměly být aktivovány.
Podívejme se na následujícím obrázku, jak dodržujeme vše popsané při provádění kódu v konzole Javascript z Google Chrome:

Vidíme, že při resetování kolekce se události deklarované na začátku odstraňování modelů nebo přidávání účinně nespouštějí, protože obnovujeme kolekci, tj. Vytváříme ji, jako by byla od 0.
Tímto jsme dokončili tutoriál, kde jsme mohli vidět, že obnovení kolekce je velmi jednoduchý postup, který nám dobře implementovaný může pomoci zlepšit výkon a funkčnost našich aplikací pomocí Backbone.js.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod