İçindekiler
Yaptığımız uygulamalarda, sahip olduğumuz bilgi birikimini kullanırsak, nihayetinde büyük bir veri yönetimine sahip olacağız. Backbone.js Koleksiyonlarla çalışmak için bir noktada büyük değişiklikler yapmamız gerekeceğini ve bunları koleksiyon içinde model model yapmanın etkili olmadığını görebiliriz.Bu engelleri aşmak için yollar ve yöntemler mevcuttur. Backbone.js yapabileceğimiz değiştir veya yenile ve bir koleksiyon içindeki tüm modelleri önceki bir duruma getirmek, uygulamanın performansını tek tek tetikleyebilecek süreçlerle çalışmak zorundaysak, bu çok yararlı bir bilgidir.
Koleksiyonu Yenilemek
Daha önce açıkladığımız gibi, bir koleksiyon içinde büyük bir değişiklik yapmak, özellikle modelden modele bireysel olarak değişiklik yapabilen çok büyük hacimli verilerle çalışırken faydalı olabilecek bir şeydir. uygulamanın performansını etkiliyoruz.
Bu değişiklik nasıl yapılır?Bu değişikliği "büyük" bir şekilde yapmak için yöntemimiz var. .Sıfırla (), bu yöntem koleksiyonlar için geçerlidir, bu nedenle önce bir koleksiyonu kullanmadan önce başlatmalıyız.
Aşağıdaki örnekte nasıl bir koleksiyon oluşturacağımızı görelim ve buna dayalı olarak .reset() yöntemi:
var AllCollection = new Backbone.Collection (); TodosCollection.add ([{id: 1, başlık: 'Almanya'ya git.', Tamamlandı: false}, {id: 2, başlık: 'Kolombiya'ya git.', Tamamlandı: false}, {id: 3, başlık: 'Japonya'ya gidin.', Tamamlandı: true}]); TodosCollection.on ("ekle", işlev (model) {console.log ("Eklendi" + model.get ('başlık'));}); TodosCollection.on ("kaldır", işlev (model) {console.log ("Kaldırıldı" + model.get ('başlık'));}); TodosCollection.on ("değişiklik: tamamlandı", işlev (model) {console.log ("Tamamlandı" + model.get ('başlık'));}); TodosCollection.set ([{id: 1, başlık: 'Almanya'ya git.', Tamamlandı: true}, {id: 2, başlık: 'Kolombiya'ya git.', Tamamlandı: false}, {id: 4, başlık: 'Hong Kong'a gidin.', Tamamlandı: false}]); TodosCollection.on ("sıfırla", işlev () {console.log ("Yenilenmiş Koleksiyon.");}); TodosCollection.reset ([{title: 'Kanada'ya gidin.', Tamamlandı: false}]); Bu örnek oldukça kullanışlı, yeni bir koleksiyona başladık, yaklaşık 3 model ekledik ve 3 temel olayı dinliyoruz: ekleme, değiştirme ve silme, bunlardan herhangi biri gerçekleştiğinde bir izlenim bırakacağız. konsol.log(), Olayları dinlemeyi bitirdikten sonra bir set yapmışız, seti var olmayan bir modelle yaparsak basitçe ekleniyor ama kaçınmak istediğimiz problem bu.
Sorun nasıl önlenir?Sorunu önlemek için kullanacağız sıfırlama yöntemi ve çalıştığını test etmek için reset olayının olup olmadığını dinleyecek bir fonksiyon koyduk, eğer öyleyse console.log ile bir mesaj yazdıracağız; Son olarak koleksiyonun resetini yapıyoruz yani içeriğini yeniliyoruz ve hemen yeni bir model tanımlıyoruz, bunu yaparak koleksiyon tamamen değişecek ve daha önce bahsettiğimiz olayların aktifleşmemesi gerektiğini göreceğiz.
Konsolda kodu çalıştırırken açıklanan her şeye nasıl uyduğumuzu aşağıdaki resimde görelim. Javascript nın-nin Google Chrome:
Bununla, bir koleksiyonu yenilemenin çok basit bir prosedür olduğunu görebildiğimiz ve iyi uygulanmış uygulamalarımızın performansını ve işlevselliğini geliştirmemize yardımcı olabilecek öğreticiyi bitirdik. Backbone.js.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.
