UmbrellaJS – ваша альтернатива jQuery

Библиотека jQuery с открытым исходным кодом доминирует в веб-разработке в течение многих лет. Это по-прежнему один из самых надежных ресурсов для JavaScript, но в городе есть новая библиотека под названием UmbrellaJS,

Umbrella также является полностью открытым исходным кодом и предлагает большую часть тех же функций, включая селекторы элементов, манипулирование DOM и запросы AJAX.

Umbrella JS работает почти так же, как jQuery, но с другим синтаксисом и вызовами функций. Так что, если Umbrella настолько близка к jQuery, какая выгода от ее использования?

Читайте также: 10 крутых функций в jQuery 3

Ну, Umbrella должна быть гораздо меньшей библиотекой, чем jQuery, и она предназначена только для манипулирования DOM. И, честно говоря, эта библиотека очень компактна по сравнению с jQuery.

Полная библиотека Umbrella.js составляет около 4 КБ без минимизации. Последняя версия jQuery насчитывает более 250 КБ! Так что если вы ищете упрощенную версию jQuery, тогда Umbrella будет загружаться быстрее и проще в использовании.

электронная документация предлагает список всех функций и параметров, которые вы можете передать в эти функции. Это полное руководство по Umbrella, и оно постоянно обновляется.

К счастью, многие подобные функции jQuery имитируются с помощью Umbrella, поэтому синтаксис очень легко читается. Например, метод on () один и тот же, и вы можете передавать все те же прослушиватели событий, такие как click или hover.

Самое большое отличие состоит в том, что селекторы Umbrella используют метод u () вместо обычного $ () jQuery. Вот пример кода, который вызывает окно предупреждения, когда кто-то нажимает кнопку с классом .button.

u (“кнопка”). on (‘click’, function () {
  alert («Привет, мир»);
});

Это простой пример, но он прекрасно иллюстрирует ценность Umbrella.

Чтобы увидеть живую демонстрацию проверить эта ручка предлагая выбор поля ввода образца. Весь выходной код отображается прямо на экране. Вы также можете изучить исходный код Umbrella JS, чтобы увидеть, как он работает.

Увидеть перо Зонт JS Брам де Хаан (@atelierbram) на CodePen,

Чтобы узнать больше о Umbrella, проверьте Официальный сайт или заглянуть в исходный код жить в GitHub репо,

Читайте также: шесть рекомендаций jQuery для повышения производительности