Co to jest jQuery
jQuery jest frameworkiem, a raczej opakowaniem wokół javascript. jQuery stał się niezwykle ważny w sieci ze względu na różne zalety, ponieważ jest niezwykle lekki w porównaniu do javascript, łatwy do nauczenia się i implementacji. Strony jQuery ładują się bardzo szybko.
HTML, CSS, JavaScript to technologie rozumiane przez Internet. HTML jest używany do definiowania układu strony, a CSS do stylizacji stron internetowych. Javascript jest językiem programowania w Internecie. Aktualizowanie treści, animacji, interakcja stron internetowych z użytkownikiem, wszystko to w rzeczywistości kontroluje javascript.
jQuery
Dlaczego lub kiedy powinniśmy szukać alternatyw jQuery!
Załóżmy, że nie potrzebujesz wszystkich metod zawartych w jQuery API i potrzebujesz tylko kilku z nich, możesz poszukać alternatyw. Rozmiar jQuery wynosi około 250 KB. Być może jeśli szukasz mniejszego pliku, który spełnia wszystkie Twoje potrzeby, możesz poszukać jQuery Alternatives.
Lista alternatyw jQuery
Poniżej znajdują się różne alternatywy jQuery, które są następujące:
JavaScript:
Niemniej natywny język javascript jest jedną z najlepszych alternatyw jQuery, w rzeczywistości jest to framework JS. JavaScript jest najlepszy, ponieważ wszystkie przeglądarki są dostarczane z javascript i nie trzeba instalować jQuery w aplikacji. Ponadto JS jest jedną z najlepszych alternatyw, gdy trzeba było poradzić sobie z bardzo starymi przeglądarkami, które szukałyby tylko niektórych wersji jQuery. Jedyną wadą korzystania z niego jest składnia, która nie jest wyjątkowo przyjazna, jak zapewnia jQuery.
Przykładowe użycie:
var element = document.getElementById („media”);
element.classList.add („mój styl”);
Gotówkowy:
Cash to niewielka wtyczka (~ 10% wielkości jQuery), która obsługuje przeglądarki powyżej IE10 +. Jego składnia jest podobna do jQuery. Może nie mieć wszystkich funkcji jQuery, ale ma prawie wszystkie ważne podstawowe funkcje, których potrzebowalibyśmy.
Przykładowe użycie:
var element = $ („div”);
$ (element) .attr (attrName, attrValue)
UmbrellaJS:
JQuery ma duży wpływ na UmbrellaJS i ma kilka dodatkowych funkcji, a także plik jest bardzo mały w porównaniu do urządzeń mobilnych. UmbrellaJS jest obsługiwany przez główne przeglądarki i IE11 +. W UmbrellaJS możesz używać rodzimych metod javascript na selektorach parasoli, w przeciwieństwie do jQuery.
Składnia UmbrellaJS jest podobna do jQuery, z tą różnicą, że używasz u zamiast $
Przykładowe użycie:
u („przycisk”). on („click”, function () (
alert („Witaj świecie”);
));
Chibi JS:
ChibiJS został opracowany, aby pozbyć się dużego rozmiaru jQuery. ChibiJS ma tylko około 7kb i ma wszystkie podstawowe metody, które są najczęściej używane. Jeśli chodzi o obsługę przeglądarki, obsługuje wszystkie nowoczesne i stare przeglądarki. Ta wtyczka nie zapewnia animacji. Chibi wykonuje manipulacje DOM o 20% do 50% szybciej niż wiele bibliotek.
Składnia Chibi jest podobna do jQuery, aby szanować fakt, że małe i duże składnie bibliotek nigdy nie powinny być mieszane
Przykładowe użycie:
$ („P”). Hide ()
ZeptoJS:
ZeptoJS można uznać za minimalistyczną bibliotekę javascript z wysoką kompatybilnością z jQuery. Celem tej biblioteki nie jest konkurowanie z jQuery, ale osiągnięcie maksimum jego interfejsu API przy bardzo mniejszym rozmiarze. Rozmiar ZeptoJS to tylko 5-10 kB, a pobieranie i wykonywanie jest bardzo szybsze. Obsługuje wszystkie główne przeglądarki i IE10 +.
Przykładowe użycie:
$ .camelCase („hello-there”)
MooTools:
Mootools to zbiór funkcji narzędziowych javascript dla średnich i zaawansowanych programistów javascript. Jest to lekki framework javascript. Spójny i niezawodny interfejs API umożliwia pisanie silnego i elastycznego kodu. Ma bardzo dobrą dostępną dokumentację, a API jest spójne.
Mootools jest korzystny, ponieważ pozwala użytkownikowi wybrać własne niestandardowe komponenty. Postępuje zgodnie z praktykami obiektowymi.MooTools zapewnia ulepszenia DOM, które umożliwiają programistom dodawanie, modyfikowanie i usuwanie dowolnych elementów DOM. Przechowywanie elementów jest również obecne w MooTools
Przykładowe użycie:
$$ („div.foo, div.bar”);
var myElement = new Element ('div # bar.foo');
myElement.addEvent („click”, function () (
alert (kliknięty! ');
));
ExtJS:
ExtJS oznacza Extended Javascript. Jest to produkt firmy Sencha oparty na interfejsie YahooUserInterface. Jest to w zasadzie język programowania programowania aplikacji komputerowych. ExtJS jest obsługiwany przez wszystkie przeglądarki, takie jak IE6 +, FF, Chrome, Safari, Opera itp. ExtJS jest oparty na architekturze MVC / MVVM.
ExtJS zapewnia również świetną kolekcję wysokiej wydajności, dostosowywalnych widżetów
Przykładowe użycie:
var el = Ext.get („my-div”);
var el = Ext.Element.get („my-div”);
Oprócz tego istnieje wiele innych małych frameworków, które mogą wykonywać jedno zadanie / funkcjonalność od końca do końca. MicroJS to jedna witryna z wieloma dostępnymi mikroukładami. Na tej stronie możemy po prostu sprawdzić, jakie są nasze wymagania, i korzystać tylko z tego frameworka.
Polecane artykuły:
To był przewodnik po jQuery Alternatives. Tutaj omawialiśmy Listy alternatyw jQuery z ich przykładowymi zastosowaniami. Możesz także zapoznać się z następującymi artykułami, aby dowiedzieć się więcej:
- JavaScript vs JQuery
- Jak zainstalować JavaScript
- Wprowadzenie do JavaScript
- Pytania do wywiadu jQuery
- jQuery querySelector | Przykłady dla querySelector
- 8 najlepszych selektorów jQuery z implementacją kodu
- Przewodnik po przykładach paska postępu JQuery