2012-03-16 16 views
13

Quando dico dev mobile intendo sia nel browser, sia compilato in PhoneGap.Il framework MVC per le migliori prestazioni JavaScript per lo sviluppo mobile

Sto provando a confrontare i numeri di prestazioni JS MVC framework. Googled per questo, ma quando si dice mobile, JS, e il quadro tutto si ottiene sono link a Sencha, jQuery Mobile, Titanio, ecc

sto specificamente riferite alla framework MVC come ad esempio:

Ember 
Backbone 
Spine 
Knockout 
JavaScript MVC 
Batman 
Blossom 
etc. 

Mi piacerebbe vedere i collegamenti che contengono parametri di rendimento per ciascuno di questi nei browser mobili, nonché PhoneGap.

+0

Ho cercato in contatto sencha per lo stesso scopo e sembra fornire l'intero framework MVC + UI. Ci sto giocando, ma sembra una buona opzione da tenere a mente. Ho anche controllato su backbone.js e ho trovato alcune persone che stavano facendo qualche aggiustamento per farlo funzionare con jQuery Mobile. – Eldelshell

risposta

2

Non li ho provati tutti, ma ho fatto qualche ricerca sull'argomento, e ho finito con l'utilizzo di Backbone JS. Sono molto soddisfatto della sua semplicità e potenza finora. Mi piace molto essere in grado di leggere il codice sorgente (solo 6kb minificato!) E capire cosa ne pensa.

Ho iniziato su app ottimizzate per dispositivi mobili basati su Backbone con a tutorial from Trigger.io (un creatore di un wrapper nativo app simile a PhoneGap). L'ho adattato ai miei scopi e ho apportato alcune importanti modifiche, ad esempio utilizzando le transizioni CSS anziché le animazioni javascript (lente).

Ho creato un oggetto Backbone.View.MobileView estendibile che rende la creazione di applicazioni ottimizzate per dispositivi mobili rapida e semplice. Ho intenzione di postarlo per capire, ma ha ancora bisogno di un po 'di pulizia. Se vuoi una versione approssimativa come riferimento, sarei felice di condividere.

Solo un'altra nota - Vorrei evitare jQuery Mobile a tutti i costi. Oltre all'enorme sovraccarico dei framework combinati jQuery e jQuery Mobile, troverai il tuo codice e gli stili sovrascritti ad ogni turno. E da quello che ho trovato passare i dati avanti e indietro al server con AJAX tra le pagine è un vero dolore.

Le app ottimizzate per dispositivi mobili rappresentano lo sviluppo selvaggio del web, soprattutto quando si tratta di integrare i servizi di tipo PhoneGap. Per favore condividi ciò che hai imparato con il resto di noi!

Buona fortuna!

+4

"Eviterei jQuery Mobile a tutti i costi" Questo non ti obbliga a sviluppare l'intera interfaccia utente mobile da solo? Per ogni dimensione dello schermo del dispositivo? Sembra un sacco di lavoro già fatto da jQuery Mobile. – Eldelshell

+2

Non sono d'accordo con l'affermazione "evitare l'uso di jQuery Mobile a tutti i costi". Non è la soluzione per ogni situazione, ma è una soluzione perfetta per alcune situazioni. Gestisce tutto per te: ui, routing, rendering e altro. – commadelimited

+1

Brock Whitten, il co-creatore di PhoneGap ha sottolineato che jQuery Mobile è uno degli errori più facili e più grandi che si possano fare durante la creazione di un'applicazione mobile in HTML5. http://sintaxi.com/you-half-assed-it –

3

Ti suggerisco di dare un'occhiata a questo tutorial Using Backbone.js with jQuery Mobile.
Spiega come sovrascrivere il sistema di routing JQM per gestirlo con quello fornito da Backbone.js (che è molto meglio).
Ieri ho trovato anche questa analisi 10 reasons why I switched to Spine.js che fornisce alcuni punti di vista sulle differenze tra Spine.js e Backbone.js.
Quindi, se ti piacciono le metriche, puoi dare un'occhiata a questo confronto tra le diverse JS Template Engines Performance
Capisco la paura di usare JQuery Mobile, dal momento che le prestazioni non sono buone su tutti i dispositivi, ma per quanto ne so, è l'unico che funziona con tutte le piattaforme mobili (non solo sul webkit) e l'unico che si degrada dolcemente sui browser non supportati.
In conclusione, non penso che esista una soluzione giusta, dipende da cosa stai cercando di raggiungere, qual è il tuo obiettivo e così via.

5

Anche degno un'occhiata è AngularJS. È un framework Javascript completo, creato da alcuni dipendenti di Google, con una comunità in crescita. È davvero divertente lavorare con!

0

Penso spine.js & knockout.js è abbastanza buona

tuttavia entrambi sono un po 'complessa

ha lasciato conoscere quale quello utilizzato

Problemi correlati