Backbone.js - Colecții reîmprospătate

În aplicațiile pe care le desfășurăm, vom avea în cele din urmă o gestionare masivă a datelor, dacă vom folosi cunoștințele de care dispunem Backbone.js Pentru a lucra cu colecții, putem vedea că la un moment dat va trebui să facem modificări masive și să le facem model cu model în cadrul colecției nu este eficient.
Pentru a depăși aceste obstacole există căi și metode în interior Backbone.js cu care putem modificați sau reîmprospătați și aduce toate modelele dintr-o colecție într-o stare anterioară, aceasta este o cunoaștere foarte utilă dacă trebuie să lucrăm cu procese care individual pot declanșa performanța aplicației.
Reîmprospătarea colecției
Așa cum am explicat anterior, efectuarea unei schimbări masive în cadrul unei colecții este ceva care poate fi util, mai ales atunci când lucrăm cu un volum foarte mare de date care poate face schimbarea de la model la model individual. afectăm performanța aplicației.
Cum se face această schimbare?Pentru a face această schimbare într-un mod „masiv” avem metoda .reset (), această metodă este aplicabilă colecțiilor, deci trebuie mai întâi să inițializăm o colecție înainte să o putem folosi.
Să vedem în exemplul următor cum vom crea o colecție și pe baza ei vom folosi Metoda .reset ():

 var AllCollection = nou Backbone.Collection (); TodosCollection.add ([{id: 1, title: 'Du-te în Germania.', Finalizat: false}, {id: 2, title: 'Du-te în Columbia.', Completat: false}, {id: 3, title: „Du-te în Japonia.”, Finalizat: adevărat}]); TodosCollection.on ("adăugați", funcție (model) {console.log ("Adăugat" + model.get ('titlu'));}); TodosCollection.on ("eliminare", funcție (model) {console.log ("Eliminat" + model.get ('titlu'));}); TodosCollection.on ("schimbare: finalizată", funcție (model) {console.log ("Finalizat" + model.get ('titlu'));}); TodosCollection.set ([{id: 1, title: 'Du-te în Germania.', Finalizat: adevărat}, {id: 2, title: 'Du-te în Columbia.', Completat: false}, {id: 4, title: „Du-te la Hong Kong.”, Finalizat: fals}]); TodosCollection.on ("reset", function () {console.log ("Refreshed Collection.");}); TodosCollection.reset ([{title: 'Du-te în Canada.', Finalizat: fals}]); 

Acest exemplu este destul de util, dacă ne uităm, am început o nouă colecție, adăugând aproximativ 3 modele și ascultăm cele 3 evenimente de bază: adăugați, modificați și ștergeți, de fiecare dată când apare una dintre acestea, vom face o impresie folosind console.log (), după ce terminăm de ascultat evenimentele, am făcut un set, dacă facem setul cu un model care nu există, acesta este pur și simplu adăugat, dar aceasta este problema pe care vrem să o evităm.
Cum se poate evita problema?Pentru a evita problema vom folosi metoda de resetare și pentru a testa dacă funcționează, am pus o funcție pentru a asculta dacă se întâmplă evenimentul de resetare, dacă da, vom imprima un mesaj cu console.log; În cele din urmă, facem o resetare a colecției, adică îi reîmprospătăm conținutul și definim imediat un nou model, făcând acest lucru, colecția se va schimba complet și vom vedea că evenimentele anterioare pe care le-am menționat nu ar trebui activate.
Să vedem în imaginea următoare cum respectăm tot ceea ce este descris atunci când executăm codul în consolă Javascript de Google Chrome:

Vedem că la resetarea colecției, evenimentele declarate la începutul eliminării modelelor sau adăugării nu sunt declanșate în mod eficient, acest lucru se datorează faptului că actualizăm colecția, adică o creăm ca și cum ar fi de la 0.
Cu aceasta am terminat tutorialul în care am putut vedea că reîmprospătarea unei colecții este o procedură foarte simplă care bine implementată ne poate ajuta să îmbunătățim performanța și funcționalitatea aplicațiilor noastre folosind Backbone.js.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv