2012-03-16 13 views
13

Cuando digo desarrollo móvil quiero decir tanto en el navegador como compilado en PhoneGap.Marco MVC de JavaScript de mejor rendimiento para desarrollo móvil

Estoy tratando de comparar los números de rendimiento JS MVC frameworks. He buscado en Google para esto, pero cuando dices móvil, JS, y el marco de todo lo que dan son enlaces a Sencha, jQuery Mobile, titanio, etc.

me refiero específicamente a frameworks MVC como:

Ember 
Backbone 
Spine 
Knockout 
JavaScript MVC 
Batman 
Blossom 
etc. 

Me encantaría ver enlaces que contengan medidas de rendimiento para cada uno de estos en los navegadores móviles, así como PhoneGap.

+0

He estado buscando en contacto para sencha el mismo propósito y parece proporcionar el marco completo de MVC + UI. Estoy jugando con eso, pero parece una buena opción a tener en cuenta. También me registré en backbone.js y encontré que algunas personas hacían algunos ajustes para que funcione con jQuery Mobile. – Eldelshell

Respuesta

2

No los he probado todos, pero he hecho algunas investigaciones sobre el tema, y ​​he terminado usando Backbone JS. Estoy muy satisfecho con su simplicidad y poder hasta el momento. Me gusta mucho poder leer el código fuente (¡solo 6kb minimizado!) Y entender lo que dice.

Comencé a usar aplicaciones optimizadas para dispositivos móviles con Backbone con a tutorial from Trigger.io (fabricante de un contenedor de aplicaciones nativas similar a PhoneGap). Lo he adaptado a mis propios fines e hice algunas modificaciones importantes, como el uso de transiciones CSS en lugar de animaciones javascript (lentas).

Creé un objeto Backbone.View.MobileView extensible que hace que la creación de aplicaciones móviles optimizadas sea rápida y fácil. He querido publicarlo, pero todavía necesita bastante limpieza. Si quieres una versión aproximada como referencia, me gustaría compartirla.

Solo una otra nota - Me gustaría evitar jQuery Mobile a toda costa. Además de la enorme sobrecarga de los marcos combinados jQuery y jQuery Mobile, encontrará que su código y estilos se sobrescribirán en cada giro. Y de lo que he encontrado al pasar datos de ida y vuelta al servidor con AJAX entre páginas es un verdadero dolor.

Las aplicaciones optimizadas para dispositivos móviles son el salvaje oeste del desarrollo web, especialmente cuando se trata de integrarse con servicios similares a PhoneGap. ¡Por favor comparte lo que has aprendido con el resto de nosotros!

¡Buena suerte!

+4

"Evitaría jQuery Mobile a toda costa" ¿No le haría esto tener que desarrollar toda la interfaz de usuario móvil por su cuenta? Para cada tamaño de pantalla del dispositivo? Parece que mucho trabajo ya hecho por jQuery Mobile. – Eldelshell

+2

No estoy de acuerdo con la frase "evite usar jQuery Mobile a toda costa". No es la solución para cada situación, pero ES UNA solución perfecta para ALGUNAS situaciones. Gestiona todo para usted: ui, enrutamiento, representación y más. – commadelimited

+1

Brock Whitten, el cocreador de PhoneGap ha explicado que jQuery Mobile es uno de los errores más fáciles y mayores que puede cometer al crear una aplicación móvil en HTML5. http://sintaxi.com/you-half-assed-it –

3

Le sugiero que eche un vistazo a este tutorial Using Backbone.js with jQuery Mobile.
Explica cómo anular el sistema de enrutamiento JQM para manejarlo con el proporcionado por Backbone.js (eso es mucho mejor).
Ayer he encontrado incluso este análisis 10 reasons why I switched to Spine.js que da un punto de vista acerca de las diferencias entre Spine.js y Backbone.js.
Luego, si te gustan las métricas, puedes echar un vistazo a esta comparación entre los diferentes JS Template Engines Performance
Entiendo el miedo al usar JQuery Mobile, ya que las actuaciones no son buenas en todos los dispositivos, pero hasta donde sé, es el único que trabaja con todas las plataformas móviles (no solo en webkit) y el único que se degrada graciosamente en navegadores no compatibles.
En conclusión, no creo que haya una solución correcta entre todas, depende de lo que está tratando de lograr, cuál es su objetivo, etc.

5

También vale la pena mirar es AngularJS. Es un marco de JavaScript completo, creado por algunos empleados de Google, con una comunidad en crecimiento. ¡Es realmente divertido trabajar con él!

0

creo spine.js & knockout.js es bastante bueno

sin embargo ambos son ligeramente más compleja

me dejó saber qué misma que utilizó

Cuestiones relacionadas