2012-04-03 13 views
14

Dün ilk Metro stili Uygulamamı JavaScript kullanarak geliştirmeye başladım. Visual Studio 2011'de bu şablonlardan birini kullandım. Bu proje şablonu, WinJS üzerinde yoğun olarak kullanılan bir grup kodla birlikte gelir. Tüm yapı, Görünümleri ve karşılık gelen Kod Arkası dosyaları ile ASP.NET'ini hatırlatır. Görünümler arasında gezinmeden sorumlu bir navigator.js dosyası da vardır. Tüm veriler data.js'de bulunur ve farklı işlevler kullanılarak alınabilir.Metro Stil Apps: WinJS bir zorunluluktur?

Backbone.js ile çalıştım ve MVC yapısı ve yönlendirme gibi kavramlarını oldukça havalı buldum. Benim soru temelde backbone.js kullanarak böyle bir Metro stili App uygulayabilirsiniz? WinJS'yi ortadan kaldırabilir ve sadece sıfırdan başlayabilir miyim? Backbone.js'yi mevcut yapıya entegre etmeyi denemeli miyim? O zaman nasıl görünecekti? Üçüncü taraf JavaScript çerçevelerini kullanmak için herhangi bir kısıtlama var mı? Oluşturulan yapıyı olduğu gibi bırakmalı mıyım?

JavaScript ile Metro Stil Uygulamaları geliştiren en iyi uygulamalar ve modeller nelerdir?

Teşekkür

cevap

9

Sen Metro tarzı JavaScript uygulaması içinde istediğiniz herhangi bir JavaScript çerçevesi kullanabilirsiniz. Bunlar ...

jQuery and Windows 8 JavaScript Metro Style Apps

WinJS çerçeve birinci vb servis istekleri yapan, yönetilmesi ve verileri değiştirmek için UI API kümesidir, fonksiyonların birkaç gerçekleştirir: jQuery hakkında bu ilgili soruya bakın Diğer JavaScript çerçeveleri ile kolayca değiştirilebilir. İkincisi UI katmanı, burada biraz mücadele edebilirsin. WinJS UI, Metro Tasarım Dilini takip etmek için tasarlanmıştır. Kendi UI katmanı ile değiştirirseniz (örneğin jQuery UI kullanarak) uygulamanız doğru görünmeyecektir. Şahsen

Ben UI katmanı için WinJS kullanmak ve çalışma zamanı ile entegre etmek (anahtarlama devlet sebat, app vs ...) ama böyle benim kod toplu için omurga veya Knockout gibi daha standart JavaScript kütüphanesini kullanmak taşınabilirliği sağlamak için.

+0

İyi fikirler için teşekkürler ColinE! Hala böyle bir mimariyi görselleştirmek için mücadele ediyorum. Navigator.js'deki mantığı omurga stili yönlendirmeyle değiştirebilir miyim? Backbone.View için bir ihtiyaç var mı, yoksa şablonları ve bağlamaları ile WinJS kullanıcı arayüzüne bağlı mıyım? Ya da WinJS UI Kodunu Backbone.View'da arkamda mı sarmalıyım? Yine de, Uygulamanın oluşturulduğu zaman 'hazır' olayı gibi uygulamanın yaşam döngüsünü kontrol eden bazı olaylar var. Bunları nerede halledebilirim? Başka çerçeveler kullanmak mümkün olduğunu fark etmek güzel ama onların entegrasyonu baş ağrısı neden – Helikaon

+3

WinJS üç bölümdür: stil sayfası, base.js ve ui.js. Stil sayfasındaki bağımlılığı alırsanız, o zaman "doğru bak" diye bir sorun yaşamayacaksınız. –

+1

WinJS'i bağlama gibi şeylerden kullanmanın bir çeşit büyük performans kazancı olup olmadığını bilmek istiyorum, bunun hakkında herhangi bir bilgisi var mı? –

0

Knockout j'lerini ve MVVM için js'yi kullanıyorum. Görsel efektler için jQuery kullanıyorum. Eğer yerine Omurga tercih ederseniz

(function() { 
    "use strict"; 

    var app = WinJS.Application; 

    app.onactivated = function (eventObject) { 
     require(["/scripts/knockout"], function(ko){ 
      // My knockout viewModel and data binding goes here 
     }); 
    }; 

    app.start(); 
})(); 

, ben kurulum benzer olacağını tahmin:

Benim veri ana biraz buna benzer.

İlgili konular