{"id":19707,"date":"2021-07-19T15:44:45","date_gmt":"2021-07-19T13:44:45","guid":{"rendered":"https:\/\/www.software-developer-india.com\/was-ist-vanilla-javascript\/"},"modified":"2021-07-19T15:44:50","modified_gmt":"2021-07-19T13:44:50","slug":"was-ist-vanilla-javascript","status":"publish","type":"post","link":"https:\/\/www.software-developer-india.com\/de\/was-ist-vanilla-javascript\/","title":{"rendered":"Was ist Vanilla-JavaScript?"},"content":{"rendered":"\n

Was ist Vanilla-JavaScript?<\/h2>\n\n
\"\"<\/a><\/figure><\/div>\n\n

Als Websites zum ersten Mal entstanden, waren sie statisch, und das war damals in Ordnung. Und mit der Einf\u00fchrung von Vanilla Javascript \u00e4nderte sich das Aussehen und die Bedienung der Websites. Websites wurden revolution\u00e4r, interaktiv und dynamisch. <\/p>\n\n

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\u00e4gt hat, hat seine Website ihn popul\u00e4r gemacht. Kurz gesagt, Vanilla Js ist einfach Javascript ohne zus\u00e4tzliches Framework oder Bibliotheken. <\/p>\n\n

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\u00e4ten mit minimalem Code zu erstellen.<\/p>\n\n

Du findest Vanilla JS in Facebook, Google, YouTube, Yahoo, Wikipedia, Windows Live, Twitter, LinkedIn, eBay, Microsoft, Apple, Pinterest, PayPal, Reddit, Netflix, Stack Overflow<\/strong> und eine Reihe anderer beliebter Websites und Plattformen. <\/p>\n\n

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\u00e4ufig einfaches Javascript, ohne zus\u00e4tzliche JS-Frameworks oder Bibliotheken zu verwenden.<\/p>\n\n

Interessanterweise erinnert uns das Vanilla JS-Framework fast an Vanilleeis, da das Framework unver\u00e4ndert ist und Sie das Basisprodukt so verwenden, wie es ist, ohne etwas hinzuzuf\u00fcgen. <\/p>\n\n

Sie verwenden lediglich das Framework mit den grundlegendsten API-Funktionen des JS-Interpreters. Nat\u00fcrlich 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\u00dferdem die volle Freiheit, jede gew\u00fcnschte Architektur zu implementieren. Sie k\u00f6nnen dies auch in Ihre Gesch\u00e4ftslogik, DOM-Manipulationslogik und alle anderen Tools integrieren, die Sie verbinden m\u00f6chten. <\/p>\n\n

Jeder Entwickler sollte \u00fcber umfassende Kenntnisse in reinem Javascript verf\u00fcgen und jeder Entwickler, den Sie einstellen, sollte \u00fcber Kenntnisse in Vanilla JS verf\u00fcgen, insbesondere wenn er haupts\u00e4chlich im Javascript-\u00d6kosystem arbeitet.<\/p>\n\n

Bild: Vergleichen<\/p>\n\n

Hier sehen Sie sich Vanilla JS mit ein paar anderen Sprachen an <\/strong><\/h3>\n\n

Vanilla JS Vs React: Wann Sie was verwenden k\u00f6nnen<\/strong><\/p>\n\n

Vanilla JS hilft Ihnen beim Erstellen leistungsstarker plattform\u00fcbergreifender Anwendungen und so weiter React ist dank seiner Flexibilit\u00e4t und Leistungsqualit\u00e4t eine der beliebtesten JS-Bibliotheken. React kann die Benutzeroberfl\u00e4che in kleinere, wiederverwendbare Komponenten aufteilen, die gegeneinander verschoben werden k\u00f6nnen. Und es ist diese Funktion, die gegen\u00fcber VanillaJS einen Vorteil darstellt. F\u00fcr JS wird es sehr schwierig, den Code zu verwalten, wenn die Anwendung gro\u00df ist. In solchen F\u00e4llen muss die Benutzeroberfl\u00e4che regelm\u00e4\u00dfig aktualisiert werden. <\/p>\n\n

Und das ist nicht alles. Um das UI-Element zu \u00e4ndern, m\u00fcssen Sie das Element zuerst im DOM finden und erst dann aktualisieren. Dies kann m\u00fchsam sein, wenn Sie nur ein einzelnes Element \u00e4ndern m\u00fcssen. React verf\u00fcgt \u00fcber ein virtuelles DOM und hilft bei der Umgehung der manuellen Aufgabe. Kurz gesagt, mit Vanilla JS kann es schwierig und m\u00fchsam sein, die Benutzeroberfl\u00e4che synchron zu halten. <\/p>\n\n

Vanilla JS vs. jQuery<\/strong><\/h3>\n\n

Wie bereits erw\u00e4hnt, konnten Entwickler mit dem Erscheinen von Vanilla JS dynamische Websites erstellen. Als jQuery eingef\u00fchrt 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\u00e4ten mit wenigen Codezeilen zu erstellen. Es vereinfacht viele Dinge f\u00fcr den Entwickler, wie den Umgang mit JSON-Daten vom Server, das Hinzuf\u00fcgen von Animationseffekten wie Ausblenden, Anzeigen usw., hilft bei der CSS-Manipulation, beim Erstellen von AJAX-Anfragen und mehr. <\/p>\n\n

Mit jQuery k\u00f6nnen viele Dinge f\u00fcr 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\u00fcr die nur notwendige \u00c4nderungen vorgenommen werden m\u00fcssen.<\/p>\n\n

Und jQuery erfordert nur weniger Codierung, aber f\u00fcr Javascript ist eine lange Codierungszeile erforderlich, vielleicht sogar Spaghetti-Codes. F\u00fcr JS werden keine zus\u00e4tzlichen Plugins ben\u00f6tigt, aber sie m\u00fcssen auch keine zus\u00e4tzlichen Plugins hinzuf\u00fcgen. F\u00fcr jQuery muss der Link zum Bibliotheksskript in das Head-Tag der Webseite eingef\u00fcgt werden. <\/p>\n\n

Wenn Sie auf die Multi-Browser-Kompatibilit\u00e4t 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\u00e4tsprobleme geben. <\/p>\n\n

Tats\u00e4chlich gibt es keine besondere Regel bei der Verwendung von Javascript und jQuery. Aber Entwickler sagen, dass jQuery im Vergleich zu Javascript besser f\u00fcr die DOM-Manipulation ist. Allerdings ist der Pluspunkt bei Vanilla JS deutlich schneller als bei jQuery. Trotzdem k\u00f6nnte es f\u00fcr unerfahrene Entwickler schwierig sein, komplexe Funktionalit\u00e4ten mit Vanilla JS zu schreiben. <\/p>\n\n

F\u00fcr JS muss die gesamte Codierung von Grund auf neu erstellt werden, und unerfahrene Entwickler finden dies m\u00f6glicherweise schwierig und zeitaufw\u00e4ndig. jQuery hingegen verf\u00fcgt \u00fcber mehrere vorgefertigte Funktionen, und wenn notwendige \u00c4nderungen vorgenommen werden m\u00fcssen, kann dies definitiv zeitsparend sein. <\/p>\n\n

Wenn man die beiden vergleicht, ist Vanilla JS viel schneller als jQuery und kann je nach Operation sogar 10- bis 25-mal schneller sein. <\/p>\n\n

Vanilla JS vs. Angular JS<\/strong><\/h3>\n\n

Angular JS ist ein Tool im Javascript MVC, w\u00e4hrend Vanilla unter Javascript UI Libraries f\u00e4llt. Einige Entwickler sagen, dass Vanilla JS \u00fcberlegen ist, wenn Sie die anf\u00e4ngliche Last und Leistung ber\u00fccksichtigen. Wenn Sie also eine App entwickeln m\u00f6chten, bei der der Leistungsfaktor Priorit\u00e4t hat, k\u00f6nnen Sie Vanilla JS w\u00e4hlen. <\/p>\n\n

Fazit<\/strong><\/h3>\n\n

Vanilla JS ist gro\u00dfartig und l\u00e4sst 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\u00fcr moderne Javascript-Frameworks zu entscheiden. <\/p>\n\n

Auch hier h\u00e4ngt die Wahl, die Sie treffen, von der Anforderung ab. Wenn Sie ein Frontend- oder Full-Stack-Webentwickler werden m\u00f6chten, 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. <\/p>\n\n

Wenn Sie mit Vanilla JS vertraut sind, wird es immer einfacher, zu jQuery zu wechseln, obwohl der Wechsel m\u00f6glicherweise nicht sehr reibungslos verl\u00e4uft. <\/p>\n\n

Interessante Links:<\/p>\n\n

Weitere Informationen zu Vanille JS<\/a><\/p>\n\n

Warum Vanilla-JS?<\/a><\/p>\n\n

Bilder: Leinwand<\/p>\n\n

\n\n
\"\"<\/figure><\/div>\n\n

Der Autor: Sascha Thattil arbeitet bei Software-Developer-India.com die zur YUHIRO Gruppe geh\u00f6rt. YUHIRO ist ein deutsch-indisches Unternehmen, das Programmierer an IT-Unternehmen, Agenturen und IT-Abteilungen vermittelt.<\/p>\n