✅ JQuery Альтернативы - Топ 7 альтернатив с использованием их образца

Что такое jQuery

Что такое jQuery

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

HTML, CSS, Javascript - это технологии, которые понимает Интернет. HTML используется для определения макета страницы, CSS - для оформления веб-страниц. Javascript - это язык программирования в Интернете. Обновление контента, анимации, взаимодействие веб-страниц с пользователем, все это, по сути, все контролируется JavaScript.

JQuery

Почему или когда мы должны искать альтернативы jQuery!

Скажем, вам не нужны все методы, которые есть в jQuery API, и вам нужно всего несколько из них, вы можете искать альтернативы. jQuery составляет около 250 КБ. Возможно, если вы ищете файл меньшего размера, который отвечает всем вашим потребностям, вы захотите поискать альтернативы jQuery.

Список альтернатив jQuery

Ниже приведены различные альтернативы jQuery:

Javascript:

Тем не менее, Native javascript является одной из лучших альтернатив jQuery, по сути, это фреймворк JS. Javascript является лучшим, потому что любые браузеры поставляются с javascript, и вам не нужно устанавливать jQuery в ваше приложение. Кроме того, JS является одной из лучших альтернатив, когда вам приходилось иметь дело с некоторыми очень старыми браузерами, которые искали бы только определенные версии jQuery. Единственный минус его использования - синтаксис не очень дружественный, как обеспечивает jQuery.

Пример использования:

var element = document.getElementById («media»);

element.classList.add («мой стиль»);

Денежные средства:

Cash - крошечный плагин (~ 10% размера jQuery), который поддерживает браузеры выше IE10 +. Его синтаксис похож на jQuery. Возможно, у него не все функции, которые есть у jQuery, но есть почти все важные базовые функции, которые нам понадобятся.

Пример использования:

var element = $ («div»);

$ (element) .attr (attrName, attrValue)

UmbrellaJS:

UmbrellaJS находится под сильным влиянием jQuery и имеет несколько дополнительных функций, а также файл очень маленький по сравнению с мобильным. UmbrellaJS поддерживается основными браузерами и IE11 +. В UmbrellaJS вы можете использовать нативные методы javascript для селекторов зонтиков, в отличие от jQuery.

Синтаксис UmbrellaJS аналогичен синтаксису jQuery, с разницей в использовании u вместо $

Пример использования:

и («кнопка»). вкл («щелчок», функция () (

оповещение («Привет, мир»);

));

Chibi JS:

ChibiJS разработан, чтобы избавиться от большого размера jQuery. ChibiJS составляет всего около 7 КБ и имеет все основные методы, которые в основном используются. Что касается поддержки браузеров, то она поддерживает все современные и старые браузеры. Этот плагин не предоставляет анимацию. Chibi выполняет DOM-манипуляции на 20-50% быстрее, чем многие библиотеки.

Синтаксис Chibi аналогичен jQuery, поскольку учитывает тот факт, что синтаксис малых и больших библиотек никогда не должен смешиваться.

Пример использования:

$ ( «Р»). Скрыть ()

ZeptoJS:

ZeptoJS можно рассматривать как минималистичную библиотеку JavaScript с высокой совместимостью с jQuery. Цель этой библиотеки не в том, чтобы конкурировать с jQuery, а в том, чтобы достичь максимума ее API с очень меньшим размером. Размер ZeptoJS составляет всего 5-10 КБ и загружается и выполняется очень быстро. Поддерживает все основные браузеры и IE10 +.

Пример использования:

$ .CamelCase ( 'привет-там')

MooTools:

Mootools - это набор утилит javascript для программистов javascript от среднего до продвинутого. Это легкий фреймворк javascript. Его последовательный и надежный API позволяет писать сильный и гибкий код. Имеется очень хорошая документация и API-интерфейс.

Mootools выгоден тем, что позволяет пользователю выбирать свои собственные индивидуальные компоненты. Он следует объектно-ориентированным методам. MooTools предоставляет усовершенствования DOM, которые позволяют разработчикам добавлять, изменять, удалять любые элементы DOM. Элемент хранения также присутствует в MooTools

Пример использования:

$$ ('div.foo, div.bar');

var myElement = new Element ('div # bar.foo');

myElement.addEvent ('click', function () (

предупреждение (нажал '!);

));

ExtJS:

ExtJS расшифровывается как Extended Javascript. Это продукт от Sencha и основан на YahooUserInterface. Это в основном язык программирования для разработки настольных приложений. ExtJS поддерживается всеми браузерами, такими как IE6 +, FF, Chrome, Safari, Opera и т. Д. ExtJS основан на архитектуре MVC / MVVM.

ExtJS также предоставляет большую коллекцию высокопроизводительных настраиваемых виджетов

Пример использования:

var el = Ext.get («my-div»);

var el = Ext.Element.get («my-div»);

Помимо этого, есть много других небольших платформ, которые могут выполнять одну задачу / функциональность от начала до конца. MicroJS - это один сайт, на котором доступно множество микро-фреймворков. На этом веб-сайте мы можем просто проверить наши требования и использовать только эту платформу.

JQuery Альтернативы - Топ 7 альтернатив с использованием их образца