Backbone.js - atsvaidzinošas kolekcijas

Lietojot mūsu veiktās lietojumprogrammas, galu galā mums būs milzīga datu pārvaldība, ja izmantosim savas zināšanas Backbone.js Lai strādātu ar kolekcijām, mēs redzam, ka kādā brīdī mums būs jāveic masīvas modifikācijas, un to veikšana pēc modeļa kolekcijā nav efektīva.
Lai pārvarētu šos šķēršļus, ir veidi un metodes Backbone.js ar kuru mēs varam modificēt vai atsvaidzināt un novietot visus kolekcijas modeļus iepriekšējā stāvoklī, šīs ir ļoti noderīgas zināšanas, ja mums ir jāstrādā ar procesiem, kas individuāli var izraisīt lietojumprogrammas veiktspēju.
Kolekcijas atsvaidzināšana
Kā jau iepriekš paskaidrojām, masveida izmaiņu veikšana kolekcijā var būt noderīga, it īpaši, ja mēs strādājam ar ļoti lielu datu apjomu, kas var veikt izmaiņas no modeļa uz modeli atsevišķi. mēs ietekmējam lietojumprogrammas veiktspēju.
Kā veikt šīs izmaiņas?Lai veiktu šīs izmaiņas "masveidā", mums ir šī metode .reset (), šī metode ir piemērojama kolekcijām, tāpēc vispirms ir jāinicializē kolekcija, pirms varam to izmantot.
Tālāk redzēsim piemēru, kā mēs izveidosim kolekciju un, pamatojoties uz to, izmantosim .reset () metode:

 var AllCollection = new Backbone.Collection (); TodosCollection.add ([{{id: 1, title: 'Iet uz Vāciju.', Pabeigts: nepatiess}, {id: 2, title: 'Doties uz Kolumbiju.', Pabeigts: false}, {id: 3, title: 'Go to Japan.', Pabeigts: true}]); TodosCollection.on ("pievienot", funkcija (modelis) {console.log ("Pievienots" + model.get ('title'));}); TodosCollection.on ("noņemt", funkcija (modelis) {console.log ("Noņemts" + model.get ('title'));}); TodosCollection.on ("mainīt: pabeigts", funkcija (modelis) {console.log ("Pabeigts" + model.get ('title'));}); TodosCollection.set ([{{id: 1, title: 'Go to Germany.', Completed: true}, {id: 2, title: 'Go to Colombia.', Completed: false}, {id: 4, title: 'Dodieties uz Honkongu.', Pabeigts: nepatiess}]); TodosCollection.on ("reset", function () {console.log ("Atjaunota kolekcija.");}); TodosCollection.reset ([{{title: 'Go to Canada.', Completed: false}]); 

Šis piemērs ir diezgan noderīgs, ja paskatāmies, ka esam uzsākuši jaunu kolekciju, pievienojot aptuveni 3 modeļus un klausāmies trīs pamatpasākumus: pievienot, mainīt un dzēst, katru reizi, kad rodas kāds no šiem gadījumiem, mēs radīsim iespaidu, izmantojot console.log (), pēc tam, kad esam pabeiguši notikumu klausīšanos, esam izveidojuši komplektu, ja kopu veidojam ar modeli, kas neeksistē, tas tiek vienkārši pievienots, taču no šīs problēmas mēs vēlamies izvairīties.
Kā izvairīties no problēmas?Lai izvairītos no problēmas, mēs izmantosim atiestatīšanas metode un, lai pārbaudītu, vai tas darbojas, mēs esam ievietojuši funkciju, lai klausītos, vai notiek atiestatīšanas notikums, ja tā, mēs izdrukāsim ziņojumu ar console.log; Visbeidzot, mēs atjaunojam kolekciju, tas ir, mēs atsvaidzinām tās saturu un nekavējoties definējam jaunu modeli, to darot, kolekcija pilnībā mainīsies, un mēs redzēsim, ka iepriekš minētos notikumus, kurus mēs minējām, nevajadzētu aktivizēt.
Tālāk redzamajā attēlā redzēsim, kā mēs izpildām visu aprakstīto, izpildot kodu konsolē Javascript no Google Chrome:

Mēs redzam, ka, atiestatot kolekciju, modeļu likvidēšanas vai pievienošanas sākumā paziņotie notikumi netiek efektīvi aktivizēti, jo tas ir tāpēc, ka mēs atsvaidzinām kolekciju, tas ir, veidojam to tā, it kā tā būtu no 0.
Ar to mēs pabeidzām apmācību, kurā redzējām, ka kolekcijas atsvaidzināšana ir ļoti vienkārša procedūra, kas ir labi īstenota un var palīdzēt uzlabot mūsu lietojumprogrammu veiktspēju un funkcionalitāti, izmantojot Backbone.js.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu