Nakavt (web çerçevesi) - Knockout (web framework)

Nakavt bağımsızdır JavaScript uygulaması Model-Görünüm-Görünüm Modeli desen şablonları ile. Bu nedenle temel ilkeler şunlardır:

• etki alanı verileri arasında net bir ayrım, bileşenleri ve görüntülenecek verileri görüntüleyin
• Görünüm bileşenleri arasındaki ilişkileri yönetmek için açıkça tanımlanmış özel bir kod katmanının varlığı

İkincisi, JavaScript dilinin yerel etkinlik yönetimi özelliklerinden yararlanır.

Bu özellikler, görünüm bileşenleri arasındaki karmaşık ilişkilerin belirlenmesini kolaylaştırır ve basitleştirir, bu da ekranı daha duyarlı ve kullanıcı deneyimini daha zengin hale getirir.

Nakavt geliştirildi ve bir açık kaynak Steve Sanderson'ın projesi.

Özellikleri

Nakavt aşağıdaki özellikleri içerir:

• Bildirime dayalı bağlamalar
• Otomatik kullanıcı arayüzü yenileme (veri modelinin durumu değiştiğinde, kullanıcı arayüzü otomatik olarak güncellenir)
• Bağımlılık izleme Şablon oluşturma (yerel bir şablon motoru kullanarak, ancak diğer şablon oluşturma motorları da kullanılabilir, örneğin jquery.tmpl )

Misal

Bu örnekte, iki metin kutusu bir veri modelindeki gözlemlenebilir değişkenlere bağlıdır. "Tam ad" görüntüsü, değeri gözlenebilirler cinsinden hesaplanan bağımlı bir gözlemlenebilir olana bağlıdır. Her iki metin kutusu da düzenlendiğinde, "tam ad" görüntüsü, açık bir olay işleme olmaksızın otomatik olarak güncellenir.

Modeli Görüntüle (JavaScript)

işlevi ViewModel() {    bu.İsim = ko.gözlenebilir("");    bu.Soyadı = ko.gözlenebilir("");    bu.Ad Soyad = ko.hesaplanmış(        işlevi() { dönüş bu.İsim() + " " + bu.Soyadı(); },         bu);}ko.applyBindings(yeni ViewModel());

Referanslar

• Papa, John (Şubat 2012). "Knockout'a Başlarken". MSDN Dergisi. Alındı 9 Mart 2012.
• Baba, John (Mart 2012). "Knockout'un HTML ve JavaScript için Yerleşik Bağlamaları". MSDN Dergisi. Alındı 9 Mart 2012.

Dış bağlantılar

• Resmi internet sitesi
• Knockout MVC: KnockoutJS'yi ASP.NET ile tümleştiren bir çerçeve
• Knockout JS: MVVM ve ASP.NET ile dinamik JavaScript kullanıcı arabirimleri oluşturmanıza yardımcı olur
• Knockout.js ile İzotop Kullanımı
• StackOverflow'da altını çizen sorular
• Google Grupları'nda eleme forumu
• Nakavt JS Örnekleri
• Nakavt SPA Çerçevesi
• Nakavt JS Tarifler