Es gibt unzählige beliebte JavaScript-Bibliotheken, jQuery, MooTools, Prototype, Dojo, YUI. Diese JavaScript-Bibliotheken sind reich an Funktionen und können mit ihren Plugins fast jede Aufgabe erfüllen. Allerdings führt dies zu einer Aufblähung Ihrer Webseiten. Wenn Sie nur eine bestimmte Aufgabe erledigen möchten, können Sie in einigen Fällen einige leichtgewichtige Bibliotheken mit spezielleren Funktionen verwenden. In diesem Artikel werden 40 hervorragende, leichtgewichtige JavaScript-Bibliotheken vorgestellt.
Dies ist der zweite Teil dieses Artikels. Den ersten Teil finden Sie unter 40 Lightweight-JavaScript-Bibliotheken (Teil 1) .
Date.js
Die Arbeit mit Datumsangaben ist nicht einfach, es gibt viele Formate, mit denen man umgehen muss. Datejs beherrscht einfache oder komplexe Datumsfunktionen sehr gut. Daten können in Formate wie „Nächster Donnerstag“ und „+2 Jahre“ geparst werden, und alle Datumsformate werden unterstützt, z. B. 08.01.2009, 06.12.2001.
Sylvester
Eine mathematische JavaScript-Bibliothek zur Handhabung von Vektoren und Gittern, einschließlich mehrdimensionaler Vektor- und Gittermodellierungsklassen sowie einiger Modelle im 3D-Raum.
Hübsches Date
Eine hervorragende JavaScript-Bibliothek, die Daten auf schöne und benutzerfreundliche Weise anzeigt, wie in der Abbildung unten dargestellt.
XRegExp
Das RegExp-Objekt in JavaScript unterstützt bereits reguläre Ausdrücke und XRegExp fügt weitere Funktionen hinzu, die zukünftige Browser möglicherweise enthalten (ECMAScript 4 – ES4). Diese Bibliothek speichert RegExp-Objekte zwischen, verwendet sie wieder und fügt viele neue Funktionen hinzu.
JavaScript-URL-Bibliothek
Eine JavaScript-Bibliothek zur Verarbeitung von URLs, die jeden Teil der URL verarbeiten kann.
Schriftart.js
Mit dieser Bibliothek können Sie jede Schriftart auf einer Webseite verwenden. Im Gegensatz zu Flash-basierten Lösungen wie sIFR und FLIR basiert typeface.js jedoch zu 100 % auf JavaScript. Laden Sie dann die Schriftartdatei hoch Erstellen Sie eine generierte JavaScript-Datei und fügen Sie sie in die Webseite ein.
Cufón
Ähnlich wie bei typeface.js können Sie auch bei Cufón jede beliebige Schriftart auf einer Webseite verwenden. Außerdem wird ein Generator verwendet, um die Schriftart in VML zu konvertieren und die generierte .js-Datei in die Webseite einzubinden.
Amsel
Menschen verwenden Alert() häufig zum Debuggen von JavaScript-Programmen, und Blackbird bietet eine schöne Konsole zum Aufzeichnen, Anzeigen und Filtern der Programmausführung.
NitobiBug
Browserbasiertes, browserübergreifendes JavaScript-Objektprotokollierungs- und Inspektionstool.
Firebug Lite
Das derzeit beste JavaScript-Debugging-Tool ist Firebug . Dieses Tool unterstützt jedoch nur FireFox. Durch Einfügen der Firebug Lite .js-Datei in Ihre Webseite können Sie die FireBug-Funktion in allen Browsern implementieren.
swfobject
Dies ist eine der beliebtesten Methoden zum Referenzieren von Flash-Objekten. Kann Standard-SWF-Referenzcode generieren und die Player-Version des Benutzers erkennen. Wenn die Version des Benutzers nicht unterstützt wird, werden alternative Inhalte angezeigt.
sortierbar und ziehbar
Ob es Ihnen gefällt oder nicht, Tabellen sind immer noch die beste Möglichkeit, Daten darzustellen, aber sie können besser genutzt werden. sorttable kann Tabellendaten sortieren, indem es der Tabelle ein class="sortable"-Flag hinzufügt und bestimmte Spalten ausschließt. Dragtable ermöglicht das Ziehen der Spalten der Tabelle. Fügen Sie einfach das Flag „class="dragable"“ zur Tabelle hinzu. Diese beiden Klassen können einfach in Kombination verwendet werden.
DD_roundies und DD_belatedPNG
DD_roundies kann abgerundete Ecken implementieren, ohne auf Bilder angewiesen zu sein. Es ist nur für IE und wird über VML implementiert. Andere Browser werden übersprungen, da diese Browser nativ abgerundete CSS-Ecken unterstützen.
DD_belatedPNG wurde entwickelt, um das Problem der schlechten PNG-Unterstützung von IE6 zu lösen. Unabhängig davon, ob das PNG-Bild als Quelle oder als Hintergrundbild verwendet wird, kann DD_belatedPNG Reparaturen durchführen.
Benutzerdefinierte JavaScript-Dialogfelder
Mit einer leichten JavaScript-Bibliothek von nur 4,5 KB können Sie benutzerdefinierte Dialogfelder erstellen und vier Arten von Meldungsfeldern anzeigen: Warnungen, Warnungen, Eingabeaufforderungen und Erfolg. Sie können den Titel, den Inhalt und die Anzeigedauer des Nachrichtenfelds festlegen.
GameJS
GameJS ist eine Portierung des XNA-Game-Frameworks von Microsoft auf JavaScript, wobei Canvas-Objekte als Ausgabegeräte verwendet werden. JavaScript ist nicht die beste Plattform für Spiele, aber für Spiele mit niedrigeren Bildraten ist es in Ordnung.
Shortcuts.js
Beginnend mit Google Reader und Gmail wurden Tastenkombinationen in Webprogrammen populär. Shorcuts.js erleichtert den Umgang mit Tastenkombinationen.
Kartentraktion
Es gibt viele Kartenanbieter, die unterschiedliche APIs bereitstellen, beispielsweise von Google Maps zu MapQuest. Sie müssen den Code aktualisieren. Mapstraction stellt APIs häufig verwendeter Kartenanbieter bereit, und die Konvertierung kann mit nur einem abgeschlossen werden Codezeile.
Amberjack
Eine kleine 4K-JavaScript-Bibliothek, die Ihrer Website schöne Tutorial-Funktionen hinzufügen kann. Ein modales Fenster zeigt jeden Inhalt in Form eines Tutorials an. Die Schritte im Tutorial können durch manuelles Codieren implementiert oder automatisch online generiert werden. Sie können die Formatierung Ihrer Inhalte mithilfe von Designs oder CSS steuern.
JsLoad
JsLoad kann verschiedene JavaScript-Bibliotheken remote vom Google-Server laden und verschiedene Versionen von Support-Bibliotheken automatisch laden.