Backbone.js - Uppfriskande samlingar

Innehållsförteckning
I de applikationer som vi utför kommer vi så småningom att ha massiv datahantering om vi använder den kunskap vi har om Backbone.js För att arbeta med samlingar kan vi se att vi någon gång måste göra massiva modifieringar och att göra dem modell för modell i samlingen är inte effektivt.
För att övervinna dessa hinder finns det sätt och metoder inom Backbone.js som vi kan ändra eller uppdatera och ta med alla modeller i en samling till ett tidigare tillstånd, detta är mycket användbar kunskap om vi måste arbeta med processer som individuellt kan utlösa applikationens prestanda.
Uppdaterar samlingen
Som vi har förklarat tidigare är det en stor förändring i en samling som kan vara användbar, särskilt när vi arbetar med en mycket stor datamängd som kan göra förändringen från modell till modell individuellt. vi påverkar programmets prestanda.
Hur gör man denna förändring?För att göra denna förändring på ett "massivt" sätt har vi metoden .reset (), denna metod är tillämplig på samlingar, så vi måste först initiera en samling innan vi kan använda den.
Låt oss se i följande exempel hur vi ska skapa en samling och baserat på den kommer vi att använda .reset () metod:
 var AllCollection = new Backbone.Collection (); TodosCollection.add ([{id: 1, titel: 'Go to Germany.', Completed: false}, {id: 2, title: 'Go to Colombia.', Completed: false}, {id: 3, title: 'Go to Japan.', Completed: 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: complete", function (model) {console.log ("Completed" + model.get ('title'));}); TodosCollection.set ([{id: 1, titel: 'Go to Germany.', Completed: true}, {id: 2, title: 'Go to Colombia.', Completed: false}, {id: 4, title: 'Go to Hong Kong.', Completed: false}]); TodosCollection.on ("reset", function () {console.log ("Refreshed Collection.");}); TodosCollection.reset ([{title: 'Go to Canada.', Completed: false}]); 

Det här exemplet är ganska användbart, om vi tittar har vi startat en ny samling, lagt till cirka 3 modeller och vi lyssnar på de tre grundläggande händelserna: lägg till, ändra och ta bort, varje gång något av dessa inträffar kommer vi att göra intryck med console.log (), efter att vi har lyssnat på händelser har vi gjort en uppsättning, om vi gör uppsättningen med en modell som inte existerar läggs den helt enkelt till, men det här är problemet vi vill undvika.
Hur undviker man problemet?För att undvika problemet använder vi återställningsmetod och för att testa att det fungerar har vi lagt en funktion för att lyssna om återställningshändelsen händer, i så fall kommer vi att skriva ut ett meddelande med console.log; Slutligen gör vi en återställning av samlingen, det vill säga vi uppdaterar dess innehåll och definierar omedelbart en ny modell. Genom att göra detta kommer samlingen att förändras helt och vi kommer att se att de tidigare händelserna som vi nämnde inte ska aktiveras.
Låt oss se i följande bild hur vi följer allt som beskrivs när vi kör koden i konsolen till Javascript av Google Chrome:

Vi ser att när man återställer samlingen, de händelser som deklareras i början av att eliminera modeller eller läggs till, inte effektivt utlöses, beror det på att vi uppdaterar samlingen, det vill säga skapar den som om den vore från 0.
Med detta avslutade vi handledningen där vi kunde se att uppdatering av en samling är ett mycket enkelt förfarande som väl implementerat kan hjälpa oss att förbättra prestanda och funktionalitet för våra applikationer med Backbone.js.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng

Du kommer att bidra till utvecklingen av webbplatsen, dela sidan med dina vänner

wave wave wave wave wave