Was ist jQuery?
jQuery ist ein Framework, eher ein Wrapper um das Javascript. jQuery ist im Web sehr wichtig geworden, da es im Vergleich zu Javascript extrem leicht und einfach zu erlernen und zu implementieren ist. jQuery-Seiten werden sehr schnell geladen.
HTML, CSS, Javascript sind die Technologien, die vom Web verstanden werden. HTML wird zum Definieren eines Layouts der Seite verwendet, CSS zum Gestalten der Webseiten. Javascript ist die Programmiersprache des Webs. Aktualisieren von Inhalten, Animationen, Interaktion von Webseiten mit einem Benutzer, all dies wird in der Tat von Javascript gesteuert.
jQuery
Warum oder wann sollten wir nach jQuery-Alternativen suchen?
Angenommen, Sie benötigen nicht alle Methoden der jQuery-API und benötigen nur einige von ihnen. Sie könnten nach Alternativen suchen. jQuery ist ungefähr 250 KB groß. Wenn Sie nach einer kleineren Datei suchen, die all Ihre Anforderungen erfüllt, sollten Sie nach jQuery-Alternativen suchen.
Liste der jQuery-Alternativen
Nachfolgend sind die verschiedenen jQuery-Alternativen aufgeführt:
Javascript:
Natives Javascript ist jedoch eine der besten jQuery-Alternativen. Es ist das Framework von JS. Javascript ist das Beste, da alle Browser mit Javascript ausgeliefert werden und Sie jQuery nicht in Ihrer Anwendung installieren müssen. Außerdem ist JS eine der besten Alternativen, wenn Sie mit sehr alten Browsern arbeiten mussten, die nur nach bestimmten Versionen von jQuery suchen. Der einzige Nachteil bei der Verwendung ist, dass die Syntax nicht besonders benutzerfreundlich ist, wie es von jQuery bereitgestellt wird.
Beispielnutzung:
var element = document.getElementById ("media");
element.classList.add ("mein Stil");
Kasse:
Cash ist ein kleines Plugin (~ 10% der Größe von jQuery), das Browser über IE10 + unterstützt. Die Syntax ähnelt der von jQuery. Es hat möglicherweise nicht alle Funktionen, die jQuery bietet, aber fast alle wichtigen Grundfunktionen, die wir benötigen würden.
Beispielnutzung:
var element = $ ("div");
$ (Element) .attr (attrName, attrValue)
UmbrellaJS:
UmbrellaJS ist stark von jQuery beeinflusst und enthält nur wenige zusätzliche Funktionen. Außerdem ist die Datei im Vergleich zu mobilen Anwendungen sehr klein. UmbrellaJS wird von den wichtigsten Browsern und IE11 + unterstützt. In UmbrellaJS können Sie im Gegensatz zu jQuery native JavaScript-Methoden für die Umbrella-Selektoren verwenden.
Die Syntax von UmbrellaJS ähnelt der von jQuery mit dem Unterschied, dass u anstelle von $ verwendet wird
Beispielnutzung:
u ("button"). on ("click", function () (
wachsam ("Hallo Welt");
));
Chibi JS:
ChibiJS wurde entwickelt, um die große Größe von jQuery loszuwerden. ChibiJS ist nur etwa 7 KB groß und verfügt über alle wesentlichen Methoden, die am häufigsten verwendet werden. Mit der Browser-Unterstützung werden alle modernen bis alten Browser unterstützt. Dieses Plugin bietet keine Animationen. Chibi führt DOM-Manipulationen 20% bis 50% schneller aus als viele Bibliotheken.
Die Chibi-Syntax ähnelt jQuery, da kleine und große Bibliothekssyntaxen niemals gemischt werden dürfen
Beispielnutzung:
$ ("P"). Hide ()
ZeptoJS:
ZeptoJS kann als minimalistische Javascript-Bibliothek mit hoher Kompatibilität mit jQuery angesehen werden. Das Ziel dieser Bibliothek ist es nicht, mit jQuery zu konkurrieren, sondern das Maximum ihrer API mit sehr wenig Größe zu erreichen. Größe von ZeptoJS ist nur 5-10kB und lädt und führt sehr schnell. Unterstützt alle gängigen Browser und IE10 +.
Beispielnutzung:
$ .camelCase ('Hallo')
MooTools:
Mootools ist die Sammlung von Javascript-Hilfsprogrammfunktionen für mittlere bis fortgeschrittene Javascript-Programmierer. Es ist ein leichtes Javascript-Framework. Seine kohärente und robuste API ermöglicht das Schreiben von starkem und flexiblem Code. Es gibt eine sehr gute Dokumentation und die API ist kohärent.
Mootools ist von Vorteil, da der Benutzer seine eigenen benutzerdefinierten Komponenten auswählen kann. Es folgt objektorientierten Praktiken. MooTools bietet Verbesserungen für DOM, mit denen Entwickler beliebige DOM-Elemente hinzufügen, ändern und löschen können. Elementspeicher ist auch in MooTools vorhanden
Beispielnutzung:
$$ ('div.foo, div.bar');
var myElement = new Element ('div # bar.foo');
myElement.addEvent ('click', function () (
alert (geklickt! ');
));
ExtJS:
ExtJS steht für Extended Javascript. Es ist ein Produkt von Sencha und basiert auf YahooUserInterface. Es ist im Grunde eine Programmiersprache für die Entwicklung von Desktop-Anwendungen. ExtJS wird von allen Browsern wie IE6 +, FF, Chrome, Safari, Opera usw. unterstützt. ExtJS basiert auf der MVC / MVVM-Architektur.
ExtJS bietet auch eine große Sammlung leistungsstarker, anpassbarer Widgets
Beispielnutzung:
var el = Ext.get ("my-div");
var el = Ext.Element.get ("my-div");
Abgesehen davon gibt es viele andere kleine Frameworks, die eine Aufgabe / Funktionalität von Ende zu Ende erledigen können. MicroJS ist eine Site, auf der viele Micro-Frameworks verfügbar sind. Auf dieser Website können wir einfach überprüfen, was unsere Anforderungen sind, und nur dieses Framework verwenden.
Empfohlene Artikel:
Dies war ein Leitfaden für jQuery Alternatives. Hier haben wir die Listen der jQuery-Alternativen mit ihren Beispielverwendungen besprochen. Sie können auch die folgenden Artikel lesen, um mehr zu erfahren:
- JavaScript vs JQuery
- So installieren Sie JavaScript
- Einführung in JavaScript
- Fragen in Vorstellungsgesprächen bei jQuery
- jQuery querySelector | Beispiele für querySelector
- Top 8 jQuery-Selektoren mit Code-Implementierung
- Leitfaden zu JQuery-Fortschrittsbalken-Beispielen