Каков рекомендуемый способ создания мобильного приложения на HTML5? - PullRequest
3 голосов
/ 22 сентября 2011

Хотя мы новички в этой технологии, в настоящее время мы работаем над мобильным приложением HTML5 с sencha-touch и некоторыми другими js-библиотеками, такими как i18n.

Проблемы в том, что:

  1. Независимо от того, сколько мы пытаемся настроить производительность, она кажется довольно медленной.
  2. Каждый раз, когда мы переключаемся на другую страницу, когда браузеры загружают следующую страницу, возникает ужасный интервал с пустой страницей.

Мы думаем, что могли бы пропустить некоторые структурные и лучшие практики здесь с мобильным приложением HTML5. Мы предполагаем, что мы все еще рассматриваем мобильное приложение HTML5 с помощью нашей веб-логики.

Вот почему я хотел бы спросить:

  1. Можно ли добавить другие js, кроме sencha-touch? Это та вещь, которая тащит скорость здесь?
  2. Является ли многостраничное мобильное приложение хорошей практикой? Или мы должны построить все на одной HTML-странице?
  3. Есть ли способ предварительно загрузить все, чтобы смена страницы могла быть быстрее?

Спасибо

Ответы [ 2 ]

1 голос
/ 22 сентября 2011

Sencha touch имеет хорошую производительность, а также обещает еще большую производительность в предстоящем (около 26 октября) sencha touch 2 (http://www.sencha.com/blog/sencha-touch-2-what-to-expect).) Итак, sencha touch как библиотека JS хорошо оптимизирован. Возможно, ваше приложение недостаточно оптимизированоили что-то еще замедляет его. В общем, я хочу сказать, что сенсорный сенсор Sencha как библиотека JS, возможно, настолько же хорош, как и библиотека JS, так что это вовсе не проблема.

Все JSприложения должны быть одностраничными HTML. Есть способы, как поддерживать историю и состояние браузера, если вас это беспокоит.

Есть несколько способов предварительно загрузить и кэшировать все, но если вы делаете одну страницуВеб-приложение HTML, тогда вам на самом деле не нужно.

Поэтому я советую придерживаться Sencha Touch, по крайней мере, до появления Sencha Touch 2, и посмотреть, решены ли проблемы с производительностью, прежде чем переходить кдругие решения. Кроме того, первое, что вам нужно сделать, это сделать его одним приложением HTML-страницы и провести некоторое тестирование и измерение, чтобы увидеть, что такое sloзакройте приложение.

1 голос
/ 22 сентября 2011

Я лично использую JQuery Mobile.

http://jquerymobile.com/

Фреймворк занимает некоторое время, чтобы понять. Это полная версия должна быть выпущена в этом месяце или в начале следующего месяца. Я работаю с ним с Альфы. Если вы знакомы с JQuery, я настоятельно рекомендую его. Они заботятся о некоторых по-настоящему простых вещах, таких как различные различия между каждым телефоном.

Вот список платформ поддержки: http://jquerymobile.com/gbs/

Он управляется с помощью Ajax, но эту функцию можно отключить. Это может быть немного тяжело, но учитывая объем работы, которую он выполняет, чтобы позаботиться о стольких разногласиях на каждом телефоне, на мой взгляд, действительно стоит изучить его. Я бы порекомендовал пройтись по документам и демонстрациям, чтобы увидеть, действительно ли это то, что вы ищете.

http://jquerymobile.com/demos/1.0b3/

Если у вас есть какие-либо конкретные вопросы по этому поводу, не стесняйтесь спрашивать.

...