jquery и его плагины для онлайн-приложений
Выбор плагинов для jQuery или без него для создания веб-приложений.
JQuery - наиболее используемый фреймворк Ajax. Это не делает его вынужденным выбором, есть и другие, которые тоже имеют свои преимущества, но это позволяет иметь количество плагинов, расширяющих его возможности.
Здесь нас интересуют расширения, помогающие выполнять профессиональные онлайн-приложения.
Список плагинов
Вставить таблицу на веб-страницу... Связывая этот JavaScript-фреймворк с таблицей, создается интерактивная динамическая электронная таблица, позволяющая обновлять данные, настраивать значения по запросу пользователя. Можно также использовать Datatable, который имеет функции, близкие или для настоящей электронной таблицы, Ethercalc Дэна Бриклина, со-изобретателя электронной таблицы.
Проверьте совместимость со всеми браузерами, особенно на мобильных устройствах.
Это набор плагинов, облегчающих взаимодействие пользователя и приложения. Это включает календарь, который отображается при указании даты, объектов форм, функций интерфейса пользователя, таких как перетаскивание, и количества других.
Некоторые функции теперь предоставлены HTML 5, но не во всех браузерах. Колорпикер использует Canvas, поэтому HTML 5 остается незаменимой, но реализация canvas шире, чем у других функций.
Для выбора даты и заполнения поля ввода из календаря.
График диаграмм
Существует несколько библиотек графиков для jQuery, онлайн, в столбцах или в долях пирогов. Я пробовал Flot в производстве и ценю возможности, которые у нас есть для настройки всех аспектов графика. Работа довольно проста.
Однако это не без неудобств. Использование дат в качестве рядов данных неоправданно сложно, хотя это довольно распространенное использование.
Мы найдем альтернативу Flot с Flotr2, которая подавляет зависимость от jQuery и предоставляет более легкий код.
Самый простой фреймворк графов - Sparkline. Просто поместите на страницу список вроде <sраn> 1, 2, 3, 4, 5 </sраn> и вызовите функцию с идентификатором этого элемента, чтобы получить граф в Canvas. Peity имеет меньше функций, но делает круговые графы, и это скорее гаджет .
Эти книжные магазины не поддерживают IE до версии 9. Еще одна полная библиотека, которая имеет эту поддержку - gRahael. Нельзя не назвать D3.js, фреймворк для просмотра данных в самых разных формах, файл внушительного, но коррелятивно очень полного размера. Однако для того, чтобы научиться им пользоваться, потребуется время.
Другое решение - создать онлайн-графики в виде изображения и поместить это изображение на страницу. См. раздел Canvas этого сайта.
Чтобы создать графику, состоящую из листов, соединенных трубами, как показано на рисунке... Существует версия для Mootool и YUI.
Виджеты
А чтобы дополнить графический интерфейс, несколько виджетов...
- jQuery++. Коллекция процедур, помогающих выполнять приложение.
- MarkItUp. Превращает простой тег <textarea> в текстовый редактор со значками, HTML-функциями,...
- Обнаружение лица. JavaScript плагин для распознавания лиц, основанный на алгоритме Лю Лю.
- Parsley.js - простой верификатор форм, который избавит тебя от написания кода для твоего интерфейса, возможно, дополнив его серверным кодом, специфичным для приложения.
Также есть множество виджетов, которые не требуют jQuery, и могут работать с ним.
См. также
- Новые атрибуты HTML 5. HTML 5 предлагает расширенные инструменты форм, но совместимость еще предстоит, как показали тесты реализации.
- Виджеты Канвас.
Документация