Лучший каркас JS для веб и гибридных приложений, если я уже занимаюсь веб дизайном?

Question

Мы начинаем новые разработки для мобильных устройств. Мы хотим создавать веб-приложения (с сильным автономным поведением) и гибридные приложения, а также поддерживать бизнес-логику как можно больше в JS.

После долгих поисков около 1003 * Jquery Mobile и Sencha Touch я на самом деле думаю, что это не то, что нам нужно: мы на самом деле считаем невероятным веб-дизайнером мы хотим использовать его талант для создания экранов. Это идет вразрез с философией JQuery Mobile и Sencha Touch, потому что это именно то, что они делают: интерфейс пользовательского интерфейса.

Итак, если мы хотим использовать наши собственные экраны, есть ли какое-то преимущество в использовании JQuery Mobile или Sencha Touch для бизнес-логики и / или бэкенда? Не будет ли это излишним и, в конце концов, хуже с точки зрения производительности? Было бы слишком много работы для создания нашей собственной бизнес / серверной среды (ajax, jsonp, localStorage, доступ к файловой системе и т. Д ...).

Насколько я вижу, больше всего я думаю, что единственное, что мне нужно от Sencha Touch, - это переходы (Jquery Mobile ужасны) ...

Answer 1

Они оба хороший выбор фреймворка для создания ваших веб / мобильных приложений.

В то время как наиболее очевидная вещь в JQuery Mobile и Sencha Touch - это их пользовательский интерфейс (это первый бит, который вы увидели, когда переходите к их примерам), есть также много полезных вещей из фреймворка.работает в фоновом режиме, например:

Sencha Touch - это Javascript Object-Oriented Framework, который позволяет вам повторно использовать большую часть кода, он поддерживает Ext.util.Observable класс для использования пользовательских прослушивателей событий, Ext.util.MixedCollection для итерации списка и Ext.data.Store для очень мощных данныхобработки.

JQuery Mobile поддерживает целый ряд событий обработки касаний , которые позволят вам легко предоставлять функциональные возможности помимо основных функций событий DOM (щелчок, зависание и т. Д.), А такжеработает на jQuery, который поддерживает пользовательские прослушиватели событий с использованием метода jQuery.bind () , итерацию с использованием jQuery.each () и мощные вызовы AJAX с использованием jQuery.ajax() method.

Короче говоря, вы получаете гораздо больше от одной из этих платформ при использовании, а не только от интерфейса.В каждом фреймворке есть много полезных функций, которые в противном случае вам пришлось бы создавать самим с нуля.

Answer 2

Вы можете использовать комбинацию небольших платформ, которые обеспечат вам как манипулирование DOM, так и AJAX и локальное хранилище для работы в автономном режиме.

• Для DOM / Ajax / обработки событий:

  • Snack.js: http://snackjs.com/
  • xui: http://xuijs.com/

• Для локального сохранения:

  • store.js: https://github.com/marcuswestin/store.js
  • Шезлонг: http://westcoastlogic.com/lawnchair/

Они сделают все от них зависящее, чтобы ваше приложение выглядело так, как вы хотите.

Answer 3

Мне лично понравился Sencha Touch.С последней версией 2.4.1 поддержка BlackBerry тоже.Это очень хорошая ставка, если вы хотите создавать приложения для поддержки всех 4 популярных мобильных платформ (iOS / Android / Windows Phone / Blackberry).С упаковкой Cordova приложения Sencha Touch Hybrid дают очень естественный опыт.

Кроме того, http://mobileangularui.com/ - очень хорошая альтернатива.

Answer 4

На этот вопрос было дано несколько хороших ответов, поэтому я не буду наступать на их пальцы. Я просто скажу, что я был в очень похожем положении, как вы. Дизайнер создал экраны, я подключил их к jQuery Mobile. После долгих испытаний и тестов я пришел к выводу, что jQM просто еще не было.

Я выбрал Sencha Touch вместо мешанины и коллажей других фреймворков и библиотек просто потому, что он делает все. Вы даже можете настроить интерфейс по своему вкусу, вам просто нужно погрузиться в CSS.

Теперь я укажу на фундаментальный недостаток пользовательского интерфейса ... Ваш дизайнер должен разрабатывать для среды, то есть он должен иметь некоторое знакомство / понимание технологии, в которой будет использоваться дизайн. Ваш дизайнер ломает выбранную структуру и как разрабатывать ее, а не против нее. Если дизайнер говорит «нет», то это не тот тип креатива, который вам нужен в вашей команде. :)

Answer 5

С помощью jQuery Mobile вы можете просто использовать нужные вам функции, поскольку все виджеты теперь отключены:

• http://jquerymobile.com/blog/

Скачать сборщик: В разработке

Теперь, когда мы отсоединили большинство виджетов пользовательского интерфейса, мы подготовили почву чтобы быть загрузчиком. Это позволит вам создать кастом Версия jQuery Mobile включает в себя только те части, которые вам нужны. За Например, вы можете просто использовать основные файлы для добавления Ajax навигация с pushState и использовать некоторые сенсорные события и другие утилиты с очень легкой сборкой (примерно 10 тыс.). Или ты можно добавить в определенные виджеты пользовательского интерфейса, такие как элементы формы, списки и т. д. создать оптимизированную сборку. Мы стремимся создать загрузчик запуск инструмента как часть 1.0 final в некоторой форме. Мы работаем над Карта зависимостей теперь для всех плагинов, поддерживающих этот инструмент.

• https://github.com/jquery/jquery-mobile/tree/master/js

Просто выберите нужные функции из репо