Какво е jQuery
jQuery е рамка, по-скоро обвивка около javascript. jQuery е станал изключително важен в мрежата поради различни предимства като изключително лек в сравнение с JavaScript, лесен за научаване и внедряване. Страниците на jQuery се зареждат много бързо.
HTML, CSS, Javascript са технологиите, които се разбират от Web. HTML се използва за определяне на оформление на страницата, CSS за оформянето на уеб страниците. Javascript е езикът за програмиране в мрежата. Актуализиране на съдържание, анимации, взаимодействие на уеб страници с потребител, всичко това, всъщност, всичко се контролира от JavaScript.
JQuery
Защо или кога трябва да търсим jQuery Алтернативи!
Кажете, че не се нуждаете от всички методи, които са в jQuery API и ще са ви нужни само няколко сред тях, можете да потърсите алтернативи. jQuery е около 250Kb. Може би, ако търсите по-малък файл, който отговаря на всички ваши нужди, бихте искали да потърсите jQuery Алтернативи.
Списък с алтернативи на jQuery
По-долу са различните алтернативи на jQuery, които са както следва:
Javascript:
Независимо от това, Native javascript е една от най-добрите алтернативи на jQuery, всъщност това е рамката на JS. Javascript е най-добрият, защото всеки браузър се доставя с javascript и не е необходимо да инсталирате jQuery във вашето приложение. Също така, JS е една от най-добрите алтернативи, когато трябва да се справите с някои много стари браузъри, които да търсят само определени версии на jQuery. Единственият недостатък на използването му е синтаксисът не е изключително приятен, както предоставя jQuery.
Използване на проба:
var element = document.getElementById („медия“);
element.classList.add („моят стил“);
Пари в брой:
Кеш е малък плъгин (~ 10% от размера на jQuery), който поддържа браузъри над IE10 +. Синтаксисът му е подобен на jQuery. Възможно е да няма всяка функция, която има jQuery, но има почти всички важни основни функции, които биха ни били необходими.
Използване на проба:
var element = $ ("div");
$ (елемент) .attr (attrName, attrValue)
UmbrellaJS:
UmbrellaJS е силно повлиян от jQuery и има малко допълнителни функции в него, а също така файлът е много малък в сравнение с мобилния. UmbrellaJS се поддържа от основните браузъри и IE11 +. В UmbrellaJS можете да използвате естествени методи на JavaScript в селекторите на чадъри, за разлика от jQuery.
Синтаксисът UmbrellaJS е подобен на този на jQuery с разлика от използването на u вместо $
Използване на проба:
u („бутон“). on („щракване“, функция () (
сигнал („Здравей свят“);
));
Chibi JS:
ChibiJS е разработен, за да се отърве от големия размер на jQuery. ChibiJS е само около 7kb и има всички основни методи, които се използват предимно. Стигайки до поддръжката на браузъра, това поддържа всички съвременни до стари браузъри. Този плъгин не предоставя анимации. Chibi изпълнява DOM манипулациите с 20% до 50% по-бързо от много библиотеки.
Синтаксисът на Chibi е подобен на jQuery, за да уважава факта, че синтаксисите на малки и големи библиотеки никога не трябва да се смесват
Използване на проба:
$ ( "Р"). Скрий ()
ZeptoJS:
ZeptoJS може да се счита за минималистична библиотека с JavaScript с висока съвместимост с jQuery. Целта на тази библиотека не е да се конкурира с jQuery, а да постигне максимума на своя API с много по-малък размер. Размерът на ZeptoJS е само 5-10kB и се изтегля и изпълнява много по-бързо. Поддържа всички основни браузъри и IE10 +.
Използване на проба:
$ .CamelCase ( "здравей-там")
MooTools:
Mootools е колекцията от полезни функции на JavaScript за среден и напреднал програмист на JavaScript. Това е лека рамка на JavaScript. Неговият съгласуван и здрав API позволява да се пише силен и гъвкав код. Има много добра документация и API е съгласуван.
Mootools е от полза, тъй като позволява на потребителя да избира свои собствени персонализирани компоненти. Следва обектно ориентирани практики.MooTools предоставя подобрения на DOM, което позволява на разработчиците да добавят, променят, изтрият всички DOM елементи. Съхранението на елементи също присъства в MooTools
Използване на проба:
$$ ('div.foo, div.bar');
var myElement = нов елемент ('div # bar.foo');
myElement.addEvent ("щракване", функция () (
предупреждение (кликнали "!);
));
ExtJS:
ExtJS означава разширен 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 Алтернативи. Тук сме обсъдили списъците на jQuery алтернативи с техните примерни приложения. Можете също да разгледате следните статии, за да научите повече:
- JavaScript срещу JQuery
- Как да инсталирате JavaScript
- Въведение в JavaScript
- jQuery Интервю въпроси
- jQuery querySelector | Примери за querySelector
- Топ 8 jQuery селектори с изпълнение на кода
- Ръководство за примерите на JQuery Progress Bar