Существует бесчисленное множество популярных библиотек JavaScript: jQuery, MooTools, Prototype, Dojo, YUI. Эти библиотеки JavaScript обладают богатым набором функций и с помощью своих плагинов могут выполнять практически любую работу. Однако за это приходится платить. Эти библиотеки часто приводят к раздуванию ваших веб-страниц. В некоторых случаях, если вы хотите выполнить только конкретную работу, вы можете использовать некоторые облегченные библиотеки с более специализированными функциями. В этой статье представлены 40 отличных облегченных библиотек JavaScript.
1. Связанные с формой
Скромный проект с открытым исходным кодом, который упрощает наиболее часто используемые функции форм JavaScript, включая функции проверки формы, которые можно использовать напрямую. Кроме того, он также включает мощные функции синхронизации форм и оценки условий формы.
Еще одна скромная среда проверки форм JavaScript. Он имеет интегрированную логику, а некоторые настройки могут быть глобальными, отдельными формами или отдельными объектами. Предоставляет два API, интегрирующие поддержку AJAX, функции кэширования и обратного вызова. Он предоставляет операторы API в стиле HTML, а также объектно-ориентированный API JavaScript.
LiveValidation ( http://www.livevalidation.com )
Облегченная библиотека проверки форм. В дополнение к традиционной функции проверки он также обеспечивает проверку в реальном времени, которую можно проверить после входа в нее. Пользователи Ruby on Rails могут найти эту библиотеку полезной, поскольку ее соглашения об именах и параметры очень похожи. Библиотека имеет как автономную версию, так и версию-прототип.
яв ( http://yav.sourceforge.net/en/index.html )
Мощная, гибкая и расширяемая библиотека проверки форм. Поддерживает различные сценарии: от простых проверок, таких как даты, адреса электронной почты и целые числа, до сложных, таких как регулярные выражения. Благодаря встроенной поддержке AJAX вывод сообщения об ошибке может быть расположен на уровне объекта.
qForms ( http://www.pengoworks.com/index.cfm?action=get:qforms )
Комплексное решение для обработки форм. Функции включают в себя различные правила проверки, механизмы предотвращения множественных публикаций, а также возможность блокировать или разблокировать поля ввода.
формареформ ( http://code.google.com/p/formreform/ )
Многоколоночный дизайн, не основанный на таблицах, всегда был проблемой. Эта крошечная библиотека превращает традиционные формы в красивые многоколоночные формы.
2. Связанные с анимацией
$fx ( http://fx.inetcat.com/ )
Легкая библиотека для анимации HTML-объектов. Вы можете изменить любое свойство CSS на временной шкале, а для сложных анимаций можно комбинировать эффекты, группировать объекты и заставлять их двигаться параллельно.
JSTweener ( http://coderepos.org/share/wiki/JSTweener )
Библиотека JavaScript, генерирующая промежуточные кадры. Ее API аналогичен знаменитому движку промежуточных кадров Tweener. Вы можете указать время анимации и определить эффекты перехода и задержки. События могут быть инициированы практически в любой момент.
Анимация Facebook ( http://developers.facebook.com/animation/ )
Мощный инструмент для создания настраиваемой анимации на основе CSS. В анимации Facebook несколько строк кода могут улучшить пользовательский интерфейс. Синтаксис такой же, как у FBJS (библиотека для Facebook).
FX ( http://ryanmorr.com/archives/fx-lightweight-and-standalone )
Легкая библиотека JavaScript с YUI-подобным синтаксисом, которая может создавать промежуточные фреймы практически для любого свойства CSS. Поддерживает цвет и анимацию прокрутки, просто установите значения «до» и «от» для объекта.
3. Визуальные и графические эффекты
JS-диаграммы ( http://www.jscharts.com/ )
Поддерживает гистограммы, круговые диаграммы и простые кривые диаграммы. Вставьте эту библиотеку непосредственно на веб-страницу и вызывайте данные из XML-файла или переменной массива JavaScript. Формат PNG, совместимый со всеми основными браузерами.
Библиотека Canvas 3D JS (C3DL) ( http://www.c3dl.org/ )
C3DL упрощает написание 3D-программ. Предоставляет набор математических классов, сцен и классов 3D-объектов для разработки 3D-контента непосредственно в браузере, не требуя глубоких знаний 3D.
Processing.js ( http://ejohn.org/blog/processingjs/ )
Это портирование языка обработки на JavaScript. 2D-вывод обладает множеством функций. Предоставляет функции обработки рисования, обработки цвета, шрифтов, объектов и т. д.
Рафа? л （ http://raphaeljs.com/ ）
Удивительная библиотека JavaScript для реализации векторной графики в Интернете. Используя SVG, можно изменить графику, созданную с помощью VML, или привязать события. Чрезвычайно богатый функционал, включая вращение, анимацию, масштабирование и т. д.
ImageFX ( http://www.nihilogic.dk/labs/imagefx/ )
Эта библиотека JavaScript добавляет к изображениям такие эффекты, как размытие, повышение резкости, тиснение, выделение и т. д. ImageFX использует объекты холста для достижения этих эффектов и совместим со всеми основными браузерами. Эту библиотеку очень легко использовать: просто вставьте файл библиотеки .js на веб-страницу и вызовите эти функции.
Пиксастик ( http://www.pixastic.com/ )
Pixastic использует объект холста HTML5, позволяющий манипулировать необработанными пикселями. Эффекты включают обесцвечивание, оттенки серого, инверсию, яркость, регулировку контрастности, оттенка, регулировку насыщенности, а также рельеф, размытие и другие эффекты. Поскольку он использует объект холста HTML 5, он пока совместим не со всеми браузерами.
Reflection.js ( http://cow.neondragon.net/stuff/reflection/ )
Очень простой JavaScript автоматически реализует эффект отражения. Высоту и прозрачность отражения можно регулировать. Поддерживает все основные браузеры, размер файла менее 5 КБ.
4. База данных
Таффи БД ( http://taffydb.com/ )
Библиотека JavaScript, которую можно рассматривать как SQL Server в браузере или расширенный менеджер массивов. В программах, использующих AJAX, его можно использовать в качестве уровня базы данных для создания, чтения, редактирования, удаления данных, использования циклов, сортировки и расширенных запросов.
ActiveRecord.js ( http://www.activerecordjs.org/ )
Эта библиотека поддерживает Google Gears, а также Chrome, Aptana Jaxer, Adobe AIR и любую платформу, поддерживающую спецификации HTML 5 SQL (в настоящее время Webkit и iPhone). Таблицы могут создаваться автоматически, данные проверяться и синхронизироваться.
