Backbone.js - Yardımcıyı Görüntüle, Thorax.js

gibi uzantılar Thorax.js Uygulamalarımızın belirli davranışlarının oluşturulmasını kolaylaştırmamıza izin veren bir dizi araçları var, bununla, belgeleri iyi okursak, kendimiz belirli kod blokları oluşturmak zorunda kalmamamızı sağlayacak işlevleri bulabiliriz.
Bunların olduğu bir bölüm yardımcılar Görüşler bölümü çok faydalıdır, çünkü burası kullanıcılarımızla daha doğrudan bir şekilde etkileşime girmemiz gerekeceği için, bu nedenle bölüme dinamizm kazandırabilmek için kesinlikle metinleri ve öğeleri görüntülememiz gerekecek, vb.
registerViewHelper
ilerlettiğimiz gibi registerViewHelper gömülü olacak yeni bir blok oluşturmamıza yardımcı olan bir yöntemdir. Yardımcı GörünümBununla, üst görünümün bağlamına erişmemizi sağlayan bir alt görünüm örneği oluşturabiliriz, yani bunun bir uzantısı gibi olur. Bu şekilde, geliştirme sırasında bize daha az çabayla daha fazla yöntem kullanma imkanı verebilecek yeni işlevler yaratabiliriz.
Görünüm bildiriminde bir olay her çağrıldığında veya tetiklendiğinde oluşturulacak bir 'on' olayında bir yardımcı oluşturacağımız aşağıdaki örneği görelim. Bu bize, uygulama işlevlerimizi gerçekleştirmesi için yardımcıyı çağıran özel olaylar oluşturma imkanı verir:

Bakalım nasıl daha net bir örnek yapabiliriz, bir butona her tıkladığımızda artan bir sayaç uygulayacağız.
Etkisi nasıl anlaşılır?Bir düğme yardımcısı kullanacağız Thorax.js bu, öğeye her tıklandığında bir yöntemi çağırmamıza yardımcı olacaktır. Uygulamamıza daha dinamik bir etki vermemizi sağlayan şey budur.
Bu kod, özel bir olayla "on" olayımızı nasıl oluşturduğumuzu, ardından bir düğme oluşturup onu aşağıdaki gibi yerleştirdiğimizi gösterir. tetiklemek önceki satırda bildirdiğimiz özel etkinliğimize karşılık gelen "arttırma" işlevi.

 {{#on "increase"}} {{i}} {/ on}} {{#button trigger = "increase"}} Artır {{/ button}} 

Ardından aşağıdaki resimde kodu ilgili görünümün sınıfına nasıl yerleştirebileceğimizi görüyoruz:

Gördüğümüz gibi, bizi daha fazla kod satırını oldukça basit ve hata ayıklaması ve bakımı çok daha kolay bir şeye götürebilecek şeyleri özetledik. Bu tür bir yapı, tek bir sayfanın daha iyi uygulamalarını yapabilmek için kendine çok şey katar ve daha fazla asenkron elemanlar uygulayabilmek için kapıyı açık bırakır.
Gördüğümüz gibi, daha iyi geliştirme kalıplarını uygulamak çok kolaydır, yardımcıların dahil edilmesi daha iyi işlevsellikler sağlar, çünkü bunlar zaten geliştirme ekibi tarafından geliştirilmiş ve belgelenmiştir. Thorax.js ve topluluğu, düşük sayıda hata ve hataya sahip olacağımızdan emin olabiliriz ve her güncellemede bunlar düzeltilecek ve böylece uygulamalarımızın güvenliği artırılacaktır.