Was ist Vanilla-JavaScript?
Als Websites zum ersten Mal entstanden, waren sie statisch, und das war damals in Ordnung. Und mit der Einführung von Vanilla Javascript änderte sich das Aussehen und die Bedienung der Websites. Websites wurden revolutionär, interaktiv und dynamisch.
Vanilla JS ist einfach nur JS, also eine textbasierte Programmiersprache sowohl auf der Server- als auch auf der Client-Seite. Das Framework wurde 2012 von Eric Wastl entwickelt, und obwohl er den Begriff nicht geprägt hat, hat seine Website ihn populär gemacht. Kurz gesagt, Vanilla Js ist einfach Javascript ohne zusätzliches Framework oder Bibliotheken.
Dann entstand jQuery, eine Bibliothek von Tools, die mit Javascript erstellt wurden. jQuery war leichtgewichtig und sehr einfach zu bedienen, da es half, komplexe Funktionalitäten mit minimalem Code zu erstellen.
Du findest Vanilla JS in Facebook, Google, YouTube, Yahoo, Wikipedia, Windows Live, Twitter, LinkedIn, eBay, Microsoft, Apple, Pinterest, PayPal, Reddit, Netflix, Stack Overflow und eine Reihe anderer beliebter Websites und Plattformen.
Somit basieren alle Javascript-Frameworks und -Bibliotheken auf seinem Vanilla-Kern. All die verschiedenen Frameworks basieren oft auf dem einen oder anderen Javascript-Prinzip. Entwickler verwenden häufig einfaches Javascript, ohne zusätzliche JS-Frameworks oder Bibliotheken zu verwenden.
Interessanterweise erinnert uns das Vanilla JS-Framework fast an Vanilleeis, da das Framework unverändert ist und Sie das Basisprodukt so verwenden, wie es ist, ohne etwas hinzuzufügen.
Sie verwenden lediglich das Framework mit den grundlegendsten API-Funktionen des JS-Interpreters. Natürlich muss jede Website, die kein Framework verwendet, automatisch VanillaJs verwenden, und selbst wenn sie kein Framework verwendet, verwenden sie bestimmte Funktionen und Algorithmen von VanillaJS. Das Framework bietet Ihnen außerdem die volle Freiheit, jede gewünschte Architektur zu implementieren. Sie können dies auch in Ihre Geschäftslogik, DOM-Manipulationslogik und alle anderen Tools integrieren, die Sie verbinden möchten.
Jeder Entwickler sollte über umfassende Kenntnisse in reinem Javascript verfügen und jeder Entwickler, den Sie einstellen, sollte über Kenntnisse in Vanilla JS verfügen, insbesondere wenn er hauptsächlich im Javascript-Ökosystem arbeitet.
Bild: Vergleichen
Hier sehen Sie sich Vanilla JS mit ein paar anderen Sprachen an
Vanilla JS Vs React: Wann Sie was verwenden können
Vanilla JS hilft Ihnen beim Erstellen leistungsstarker plattformübergreifender Anwendungen und so weiter React ist dank seiner Flexibilität und Leistungsqualität eine der beliebtesten JS-Bibliotheken. React kann die Benutzeroberfläche in kleinere, wiederverwendbare Komponenten aufteilen, die gegeneinander verschoben werden können. Und es ist diese Funktion, die gegenüber VanillaJS einen Vorteil darstellt. Für JS wird es sehr schwierig, den Code zu verwalten, wenn die Anwendung groß ist. In solchen Fällen muss die Benutzeroberfläche regelmäßig aktualisiert werden.
Und das ist nicht alles. Um das UI-Element zu ändern, müssen Sie das Element zuerst im DOM finden und erst dann aktualisieren. Dies kann mühsam sein, wenn Sie nur ein einzelnes Element ändern müssen. React verfügt über ein virtuelles DOM und hilft bei der Umgehung der manuellen Aufgabe. Kurz gesagt, mit Vanilla JS kann es schwierig und mühsam sein, die Benutzeroberfläche synchron zu halten.
Vanilla JS vs. jQuery
Wie bereits erwähnt, konnten Entwickler mit dem Erscheinen von Vanilla JS dynamische Websites erstellen. Als jQuery eingeführt wurde, kamen auch eine Reihe von Tools hinzu, die Javascript verwenden. jQuery ist leichtgewichtig und mit seiner einfach zu verwendenden JS-Bibliothek ist es einfach, komplexe Funktionalitäten mit wenigen Codezeilen zu erstellen. Es vereinfacht viele Dinge für den Entwickler, wie den Umgang mit JSON-Daten vom Server, das Hinzufügen von Animationseffekten wie Ausblenden, Anzeigen usw., hilft bei der CSS-Manipulation, beim Erstellen von AJAX-Anfragen und mehr.
Mit jQuery können viele Dinge für den unerfahrenen Entwickler einfacher sein, aber es gibt keine Regel als solche, die sagt, wo Vanilla JS und wo jQuery verwendet werden soll. iQuery ist jedoch eine enorme Zeitersparnis, da es mit mehreren vorgefertigten Funktionen ausgestattet ist, für die nur notwendige Änderungen vorgenommen werden müssen.
Und jQuery erfordert nur weniger Codierung, aber für Javascript ist eine lange Codierungszeile erforderlich, vielleicht sogar Spaghetti-Codes. Für JS werden keine zusätzlichen Plugins benötigt, aber sie müssen auch keine zusätzlichen Plugins hinzufügen. Für jQuery muss der Link zum Bibliotheksskript in das Head-Tag der Webseite eingefügt werden.
Wenn Sie auf die Multi-Browser-Kompatibilität achten, treten bei JS wahrscheinlich browserbezogene Fehler auf. Bei jQuery ist dies jedoch kein Problem, da es mit allen Arten von Browsern funktioniert; Es wird keine Kompatibilitätsprobleme geben.
Tatsächlich gibt es keine besondere Regel bei der Verwendung von Javascript und jQuery. Aber Entwickler sagen, dass jQuery im Vergleich zu Javascript besser für die DOM-Manipulation ist. Allerdings ist der Pluspunkt bei Vanilla JS deutlich schneller als bei jQuery. Trotzdem könnte es für unerfahrene Entwickler schwierig sein, komplexe Funktionalitäten mit Vanilla JS zu schreiben.
Für JS muss die gesamte Codierung von Grund auf neu erstellt werden, und unerfahrene Entwickler finden dies möglicherweise schwierig und zeitaufwändig. jQuery hingegen verfügt über mehrere vorgefertigte Funktionen, und wenn notwendige Änderungen vorgenommen werden müssen, kann dies definitiv zeitsparend sein.
Wenn man die beiden vergleicht, ist Vanilla JS viel schneller als jQuery und kann je nach Operation sogar 10- bis 25-mal schneller sein.
Vanilla JS vs. Angular JS
Angular JS ist ein Tool im Javascript MVC, während Vanilla unter Javascript UI Libraries fällt. Einige Entwickler sagen, dass Vanilla JS überlegen ist, wenn Sie die anfängliche Last und Leistung berücksichtigen. Wenn Sie also eine App entwickeln möchten, bei der der Leistungsfaktor Priorität hat, können Sie Vanilla JS wählen.
Fazit
Vanilla JS ist großartig und lässt Sie sogar dynamische Webseiten erstellen. Wenn Sie jedoch eine riesige und komplizierte Anwendung mit komplexen Funktionen und Tausenden von Seiten suchen, ist es besser, sich für moderne Javascript-Frameworks zu entscheiden.
Auch hier hängt die Wahl, die Sie treffen, von der Anforderung ab. Wenn Sie ein Frontend- oder Full-Stack-Webentwickler werden möchten, ist es wichtig, dass Sie sich mit Vanilla JS auskennen. Die Basis aller Frameworks wird immer JS sein, Bibliotheken und Frameworks werden kommen und gehen, aber JS wird bleiben.
Wenn Sie mit Vanilla JS vertraut sind, wird es immer einfacher, zu jQuery zu wechseln, obwohl der Wechsel möglicherweise nicht sehr reibungslos verläuft.
Interessante Links:
Weitere Informationen zu Vanille JS
Bilder: Leinwand
Der Autor: Sascha Thattil arbeitet bei Software-Developer-India.com die zur YUHIRO Gruppe gehört. YUHIRO ist ein deutsch-indisches Unternehmen, das Programmierer an IT-Unternehmen, Agenturen und IT-Abteilungen vermittelt.
Schreibe einen Kommentar