Как jquery, jquery ui и jquery mobile подходят друг другу

Question

Если целью является разработка веб-приложения, которое в настоящее время будет использоваться на настольных компьютерах, но в конечном итоге также будет поддерживать мобильные устройства, такие как смартфон или подушки, какие стратегии рекомендуется использовать в организация кода? Должен ли быть один набор кодов для настольных клиентов, а затем один набор кодов для мобильных клиентов? Раньше я использовал jquery и jquery ui. Как jquery, jquery ui и jquery mobile подходят друг другу в веб-приложении? Каковы основные различия между разработкой для не-мобильного веб-клиента и мобильных веб-клиентов? Я использую asp.net mvc. Мой спонсор предпочитает одностраничное веб-приложение. Поэтому я ищу Knockout.js. Я также изучаю набор таких виджетов, как dhtmlx jqwidgets Пожалуйста, не стесняйтесь прокомментировать мои варианты.

Answer 1

Чтобы все было просто и коротко - вы должны использовать (или рассмотреть возможность использования) Responsive Web Design. Основная идея заключается в том, что вы разрабатываете свой CSS для обработки перераспределения/реорганизации в зависимости от ширины экрана. Это позволяет вам обрабатывать ситуации, когда экран достаточно широкий, чтобы его можно было распознавать как экран рабочего стола, одновременно имея возможность настраивать размеры мобильных экранов - независимо от устройства.

Наличие вашего CSS для настройки размера/расположения элементов на странице позволяет вам иметь один набор кодов для всех пользователей (без отдельных сайтов для мобильных/настольных компьютеров). Вам просто нужно потратить немного больше времени и усилий на разработку своего веб-сайта для обработки перераспределения ширины страницы.

Библиотека jquery работает на мобильных устройствах так же, как на традиционных платформах. Бывают моменты, когда вы, возможно, захотите воспользоваться преимуществами мобильных версий различных библиотек jquery.

• Примера: Когда у вас есть вложенные ссылки на меню навигации, которая выходит при нажатии на кнопке скажет категорию, как, «рубашка», а затем подкатегории, как «кнопка-вверх», а затем к югу -sub-category like, «blue». На «традиционной» платформе пользователь может навести курсор мыши на элементы для расширения вложенности - на мобильной платформе пользователь может захотеть использовать каждую категорию/подкатегорию, чтобы развернуть вложенные кнопки навигации.

Это полностью зависит от дизайна вашего сайта - при разработке адаптивных веб-сайтов у меня типично мало различий в сценариях между представлениями, предназначенными для «мобильных» и «настольных» устройств, поэтому разработка либо не меняется для меня, я рассматриваю новые веб-сайты как «отзывчивые» и разрабатываю их с учетом переосмысленного браузера с самого начала.

Кроме того, для дальнейшей разработки особенностей jQuery, jquery ui и jQuery мобильных библиотек см. link that Tats_innit referenced.