Матвей Земсков

Заметки веб-мастера

Четверг, 05 марта 2015 14:54

Знакомимся с микро-библиотеками на JavaScript

Оцените материал
(1 Голосовать)

Практически ни один современный сайт не может обойтись без использования JavaScript. В 99% случаев используется jQuery и еще несколько других библиотек. Правда иногда для функционала сайта использование «тяжелых» библиотек может быть избыточным. В сети можно найти сотни микро-библиотек и микро-фреймворков, которые предназначены для решения каких-то определенных задач. Микро-библиотеки могут служить хорошей альтернативой обычным библиотекам с множеством настроек. Из-за того, что они созданы под конкретные задачи, их «вес» в среднем составляет 5 Кб.

На сайте Microjs(http://microjs.com) можно ознакомиться с различными микро-библиотеками и микро-фреймворками на JavaScript. Создатели сайта собрали внушительную коллекцию подобных решений. При желании, вы сможете найти в этом списке что-нибудь подходящее для себя.

Большинство из представленных на сайте библиотек работают самостоятельно и не имеют зависимостей (например, от jQuery).

После ознакомления со списком микро-библиотек, мне приглянулись несколько решений. Мне бы хотелось представить их вашему вниманию:

  • accounting.js ( http://openexchangerates.github.io/accounting.js/)
    позволяет выводить на страницу числовые данные в различных денежных форматах (с учетом валюты).
  • ImageFlip.js ( https://github.com/erf/ImageFlip.js)
    минималистичная библиотека для создания слайдшоу.
  • keyevent.js ( https://github.com/gtramontina/keyvent.js)
    с помощью этой небольшой библиотеки вы сможете имитировать различные события, связанные с клавиатурой (keydown, keyup)
  • canvas-manipulation ( https://bitbucket.org/vogdb/canvas-manipulation)
    библиотека для работы с HTML5 <canvas>. На данный момент включает в себя 3 действия, которые вы можете выполнить: перетаскивание содержимого <canvas>, а также приближение (zoom) и повороты. Эти манипуляции могут запускаться в ответ на действия посетителя, например, по клику мышью или непосредственно при вызове методов библиотеки.
  • YoutubeDelayed.js ( https://github.com/MAD-GooZe/YoutubeDelayed.js)
    небольшой скрипт, который позволяет загружать видео с youtube только в тот момент, когда посетитель собирается его посмотреть. Очень полезное решение, если на ваших страницах содержится много видеороликов.
  • vanilla-masker ( http://bankfacil.github.io/vanilla-masker/)
    небольшая полезная библиотека, позволяющая вводить в поля формы данные определенного вида. Например, номер телефона, дату или просто только цифры

Если описанные в заметке микро-библиотеки не заинтересовали читателя, то советую зайти на сайт Microjs и поискать подходящие для ваших задач решения. Коллекция там действительно богатая.

Прочитано 4481 раз
Мои услуги

Предлагаю следующие услуги:

  • Верстка шаблона сайта из дизайн-макета для CMS «1С-Битрикс Управление сайтом» и CMS “Joomla”
  • Создание форм различной сложности (обратная связь, анкеты и тп) для указанных CMS
  • Настройка и кастомизация компонентов и модулей для указанных CMS
  • Доработка модулей и компонентов для указанных CMS, добавление нестандартного функционала
  • Разработка лендингов (landing-pages)

По все вопросам обращайтесь через форму обратной связи

Скачать

Предлагаю вашему вниманию:

Наверх