"Hijax" pushstate için Javascript framework

Question

Tüm uygulamalarımız php mvc ve istemci tarafında çok basit bir js davranışsal katman vardır. Javascript'i daha fazla yapılandırmak ve "snippet'leri" basit davranışı (her yerde farklı jQuery eklentileri yüklemek gibi) çalıştırmak için istemekten vazgeçmek istiyoruz. Javascript MVC çerçevelerini kullanmıyoruz ve yeni uygulamalarımız için en uygun çözümü buluyoruz.

En cazip çözümlerden biri, Twitter does gibi bizim için sunucu tarafını tutmaktır. Buna "Hijax + sunucu tarafı oluşturma" diyorlar. Sözleşme ile

, bizim bileşenleri tek DOM düğümü yapışırlar heyet, yangın aracılığıyla olaylar dinlemek: Biz blogdan alıntıların bizim için çok çekici javascript ama tam gaz mvc çerçeveye sahip yapmamayı tercih DOM'deki etkinlikler ve bu olaylar DOM olay kabarcıklandırması yoluyla diğer bileşenlere yayınlanır. [...] İkincisi, tüm bileşenlerimiz AMD kullanılarak tanımlanmıştır.

Kendi başımıza bir şeyler inşa etmeye çalışıyoruz, ancak üst düzey javascript uzmanlığı olmadan bu konuya daha fazla ulaşamıyoruz. jquery-pjax gibi bir şey de çok basit durumlar için iyi bir çözüm gibi görünüyor. Biz arıyoruz

:

1. A UI/veri ayrımı DOM
2. Olay güdümlü UI ile loosly çift XHR, Devs DOM her türlü dinleyicileri ekleyebilmeniz için

nesneleri için

Bunun için javascript çerçevesi gibi bir şey var mı? pushState ile daha fazla dikkat çekmek, umarım bir şey elde edilebilir. Herhangi bir fikir?

Answer 1

Sen benim geldiğince en iyi şekilde sorunuza cevap denemek için gidiyorum

Answer 2

History.js ve Amplifyjs (bazı bileşenler için ve muhtemelen microjs araya koymak için) ödeme isteyebilir. Bununla birlikte, sorunuzun çok geniş ve oldukça belirsiz olduğunu söyleyeceğim. Tam olarak bir JavaScript kitaplığında aradığınız şeyi başarıyla iletmediniz. Tümüyle karmaşık olan ve her birinin istemci tarafında geliştirmede belirli bir amaca hizmet etmek için var olan birçok farklı konudan bahsetmiştiniz. Bu kavramların hepsinin vahşi ortamda uygulanması olsa da, tüm problemlerinizi çözmek için net bir cevap yoktur.

İlk "UI/data segregation" noktanız ile başlayacağım. Bu kavram gerçekten endişelerin ayrılmasıyla ilgilidir. UI'nizin verilerinizden ayrı olarak var olmasını istersiniz. Gerçekten aradığınız şey, HTML'nizin veri modelinizin mevcut durumunu yansıtmasıdır. Bunun sizin için otomatik olarak gerçekleşmesini de istiyorsunuz. Bu MVC tasarım deseni ile çok yaygın bir iş akışı. esnek ve hafif doğa için ben backbone.js öneririm, bu farklı çerçeveler epeyce kullanmanın benim kişisel tecrübelerime

... Backbone.js, AngularJS, EmberJS ve liste uzayıp gidiyor: JavaScript sizin için kullanılabilir çeşitli seçenekler vardır . Omurgada 'un'un doğrudan bir veri modeline bağlanabildiği bir "Görünüm" kavramına sahibiz. Ayrıca Routes mekanizması ile istediğiniz "pushSate" kavramını destekler.

"Olay odaklı UI" bölümü, herhangi bir sayıda farklı JavaScript kitaplığı tarafından işlenebilir. jQuery, "her türlü dom elementine" olayları eklemek için muhtemelen en popüler kütüphanedir. Backbone.js ayrıca View temsilcisiyle etkinlik delegasyonunun (olay köpürme yoluyla) kolayca kurulmasını sağlar.

Kısacası, JavaScript'inize bir yapı eklemek istiyorsanız ... gerçekten tam olarak neye ihtiyacınız var. Sadece basit şeyler için, biraz el işi jQuery yapacak. Eğer gerçekten daha fazla MVC tarzı bir uygulama istiyorsanız, büyümesi için potansiyele sahipse, omurga gibi MVC çerçeveleri gitmek için yoldur.