Backbone.js - Forfriskende samlinger

I applikasjonene vi utfører, vil vi til slutt ha massiv datahåndtering, hvis vi bruker kunnskapen vi har om Backbone.js For å jobbe med samlinger kan vi se at vi på et tidspunkt må gjøre massive modifikasjoner, og å gjøre dem modell for modell i samlingen er ikke effektivt.
For å overvinne disse hindringene er det måter og metoder innenfor Backbone.js som vi kan endre eller oppdatere og bringe alle modellene i en samling til en tidligere tilstand, er dette veldig nyttig kunnskap hvis vi må jobbe med prosesser som individuelt kan utløse programmets ytelse.
Forfriskende samlingen
Som vi har forklart tidligere, er det å gjøre en massiv endring i en samling noe som kan være nyttig, spesielt når vi jobber med et veldig stort datamengde som kan gjøre endringen fra modell til modell individuelt. vi påvirker programmets ytelse.
Hvordan gjøre denne endringen?For å gjøre denne endringen på en "massiv" måte har vi metoden .nullstille (), denne metoden gjelder for samlinger, så vi må først initialisere en samling før vi kan bruke den.
La oss se i eksemplet nedenfor hvordan vi skal lage en samling, og basert på den vil vi bruke .reset () metode:

 var AllCollection = new Backbone.Collection (); TodosCollection.add ([{id: 1, tittel: 'Go to Germany.', Completed: false}, {id: 2, title: 'Go to Colombia.', Completed: false}, {id: 3, title: 'Gå til Japan.', Fullført: 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 ("endring: fullført", funksjon (modell) {console.log ("Fullført" + modell.get ('tittel'));}); TodosCollection.set ([{id: 1, tittel: 'Go to Germany.', Completed: true}, {id: 2, title: 'Go to Colombia.', Completed: false}, {id: 4, title: 'Gå til Hong Kong.', Fullført: false}]); TodosCollection.on ("reset", function () {console.log ("Refreshed Collection.");}); TodosCollection.reset ([{title: 'Go to Canada.', Completed: false}]); 

Dette eksemplet er ganske nyttig, hvis vi ser, har vi startet en ny samling, og legger til omtrent 3 modeller, og vi lytter til de 3 grunnleggende hendelsene: legg til, endre og slett, hver gang noen av disse hendelsene kommer til å gjøre inntrykk ved å bruke console.log (), etter at vi har lyttet til hendelser har vi laget et sett, hvis vi lager settet med en modell som ikke eksisterer, blir det ganske enkelt lagt til, men dette er problemet vi vil unngå.
Hvordan unngå problemet?For å unngå problemet bruker vi tilbakestillingsmetode og for å teste at det fungerer, har vi satt en funksjon for å lytte hvis tilbakestillingshendelsen skjer. I så fall vil vi skrive ut en melding med console.log; Til slutt gjør vi en tilbakestilling av samlingen, det vil si at vi oppdaterer innholdet og definerer umiddelbart en ny modell. Ved å gjøre dette vil samlingen endre seg fullstendig, og vi vil se at de tidligere hendelsene vi nevnte ikke skal aktiveres.
La oss se på bildet nedenfor hvordan vi overholder alt som er beskrevet når vi utfører koden i konsollen til Javascript av Google Chrome:

Vi ser at når du tilbakestiller samlingen, blir hendelsene som ble erklært i begynnelsen av eliminering av modeller eller tilføyelse, ikke effektivt utløst, dette er fordi vi oppdaterer samlingen, det vil si å lage den som om den var fra 0.
Med dette avsluttet vi opplæringen der vi kunne se at oppdatering av en samling er en veldig enkel prosedyre som godt implementert kan hjelpe oss med å forbedre ytelsen og funksjonaliteten til applikasjonene våre ved å bruke Backbone.js.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng