Werbung
Gestern habe ich darüber geschrieben Was ist JavaScript und wie funktioniert es? Was ist JavaScript und wie funktioniert es? [Technologie erklärt] Weiterlesen . Aufbauend auf der immensen Popularität von JavaScript in diesen Tagen im Web sind eine Reihe von Bibliotheken in den Vordergrund gerückt.
Was genau ist eine Bibliothek und warum sollten Sie eine für JavaScript verwenden, wenn Sie fast alles tun können, ohne eine andere Datei in Ihren Code aufzunehmen? Ich bin froh, dass du gefragt hast. Versuchen wir, dies zu beantworten, und werfen wir einen Blick auf einige der wichtigsten verfügbaren Optionen für die JavaScript-Codebibliothek.
Bibliotheken
Wenn es um Programmierung und Computer geht, beziehen sich Bibliotheken im Allgemeinen auf Sammlung von wiederverwendbarem Code Das hilft Ihnen bei der Entwicklung Ihres Codes für einen bestimmten Job. Insbesondere JavaScript-Bibliotheken bieten Ihnen eine Vielzahl nützlicher Dienstprogrammfunktionen, die die Entwicklung erheblich vereinfachen. Darüber hinaus kümmert sich eine JavaScript-Codebibliothek um die browserübergreifenden Probleme, sodass Sie sich auf die Logik Ihrer Anwendung konzentrieren können, anstatt Unstimmigkeiten zwischen den verschiedenen Browsern zu beheben. Hier ist ein kurzer Überblick über die 5 beliebtesten JavaScript-Bibliotheken:

Die wohl beliebteste JavaScript-Codebibliothek da draußen. jQuery wird als JavaScript-Bibliothek "weniger schreiben, mehr tun" bezeichnet. Einer der Gründe dafür ist die prägnante Syntax und die Einzeiler, mit denen Sie komplexe Aufgaben ausführen können, für die normalerweise eine angemessene Menge Code erforderlich ist.
$ ("# Toc"). Kinder ("li"). AddClass ("Highlight"). Show ("langsam")
Dies ist ein typischer jQuery-Einzeiler, der nach einem DOM-Element mit der ID "toc" sucht und dieses dann durchläuft Kinder für alle "li" -Elemente, fügt ihnen ein Klassenhighlight hinzu und blendet sie ein, während sie animiert werden langsam. Versuchen Sie das in einer einzigen Zeile mit grobem JavaScript!
Die größte Stärke von jQuery ist das Durchlaufen und Manipulieren von DOMs. Diese wurden mit jQuery so einfach gemacht, dass man beim Schreiben von Markups häufig nachlässt und sich überlegt, wie einfach es ist, sie mit jQuery zu bearbeiten. Darüber hinaus verfügt jQuery über eine hervorragende Liste von Plugins und eine jQuery-Benutzeroberfläche, mit denen sich die Funktionen von jQuery erweitern und fantastische Benutzeroberflächen entwerfen lassen.

Moo Tools bietet ähnliche Funktionen. Sowohl jQuery als auch Moo Tools bieten ähnliche Funktionen und unterscheiden sich geringfügig in der Syntax. Moo Tools neigt etwas mehr zum Schreiben von objektorientiertem JavaScript. Während Sie mit jQuery nichts davon abhält, erleichtert Moo Tools das Schreiben von wiederverwendbarem objektorientiertem Code. jQuery konzentriert sich mehr darauf, Dinge einfach zu erledigen, während Moo Tools für fortgeschrittene bis fortgeschrittene JavaScript-Entwickler gedacht ist, die Komponenten schreiben möchten, um sie später verwenden zu können.
Moo Tools verfügt über ein eigenes Plugin-Verzeichnis. Es ist möglicherweise nicht so umfangreich wie das Plugin-Verzeichnis von jQuery, aber es ist sicherlich eines, an das Sie sich bei Bedarf wenden können. Die Dokumentation ist gut und es gibt Bücher, die sich auf Moo Tools konzentrieren, damit Sie sofort loslegen und auf dem neuesten Stand sein können.

Wie der Name schon sagt, handelt es sich um ein Toolkit. Als solches bietet es eine leistungsstarke API, mit der Sie komplexe Aufgaben wie DOM-Manipulation, Traversal und Animation einfach über CSS-Selektoren ausführen können, wie dies auch die meisten anderen JavaScript-Frameworks und -Bibliotheken tun. Wo Dojo sich auszeichnet, ist die Leistungsfront. Dojo und jQuery sind die beiden besten Bibliotheken in Bezug auf die Ausführungsgeschwindigkeit (obwohl der Vergleich von JS-Frameworks in Bezug auf die Geschwindigkeit am Ende manchmal dem Vergleich von Äpfeln mit Orangen gleicht).
Dojo Toolkit bietet außerdem umfangreiche UI-Widgets, mit denen Sie die Benutzeroberfläche Ihrer Anwendung verbessern können. Dojo unterstützt alle gängigen Browser und die Dokumentation ist gut, zusammen mit einer Reihe von Büchern, die Sie kaufen können, um die Vor- und Nachteile von Dojo Toolkit kennenzulernen.

Wenn es sich um die Benutzeroberfläche handelt, auf die Sie sich bei der Entwicklung Ihrer Web-App konzentrieren, ist Ext JS möglicherweise eine der besten Lösungen auf dem Markt. Ext JS bietet eine umfassende Reihe von Widgets, die Ihrer Webanwendung ein Desktop-Erscheinungsbild verleihen. Die UI-Widgets sind ebenfalls reich an Funktionen und können Daten über verschiedene Methoden abrufen und genau so anzeigen, wie Sie es möchten.
Es gibt Registerkarten, Bäume, Akkordeons, Gitter und vieles mehr. Diese können mithilfe von Layouts (a la Java Swings) miteinander kombiniert werden, um ein komplexes Layout zu entwerfen, das Desktop-Anwendungen in den Schatten stellen kann. Sie können sich einige der ansehen Demo-Apps auf der Ext JS-Website um zu sehen, wozu die Javascript-Codebibliothek in der Lage ist. Kürzlich haben sie auch den Ext Designer veröffentlicht, mit dem Sie Benutzeroberflächen mithilfe einfacher Drag & Drop-Vorgänge erstellen und anschließend den Code für die Benutzeroberfläche erhalten können.

YUI oder der Yahoo! Die Benutzeroberflächenbibliothek ist dieselbe Bibliothek, mit der Yahoo! Startseite. YUI ist eine robuste, funktionsreiche JavaScript-Bibliothek, die von Ingenieuren bei Yahoo entwickelt wurde und jetzt Code von Mitwirkenden aus der ganzen Welt enthält.
Die Bibliothek bietet eine Reihe von UI-Widgets, Dienstprogramme für Animation, Drag & Drop, AJAX-Aufrufe und dergleichen. Im Gegensatz zu anderen gängigen Bibliotheken können Sie mit YUI nur die Funktionen auswählen, die Sie verwenden möchten, wodurch Ihre Anwendung leichtgewichtig bleibt. Sie finden viele Beispiele und Tutorials sowie eine hervorragende Dokumentation, die Ihnen dabei hilft.
Es gibt eine Vielzahl anderer JavaScript-Bibliotheken, die oben nicht erwähnt wurden. Prototyp, Schriftlich, Mochikit, Qooxdoo, Öffne Rico um nur einige zu nennen. Alle Bibliotheken bringen etwas Besonderes auf den Tisch. Es hat noch nie einen klaren Gewinner gegeben. Diejenige, die Sie wählen, ist diejenige, mit der Sie sich am wohlsten fühlen und die den Anforderungen dessen entspricht, was Sie bauen möchten.
Ich bin Varun Kashyap aus Indien. Ich bin begeistert von Computern, Programmierung, Internet und den Technologien, die sie antreiben. Ich liebe das Programmieren und arbeite oft an Projekten in Java, PHP, AJAX usw.