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.
1. Formularbezogen
Ein zurückhaltendes Open-Source-Projekt, das die am häufigsten verwendeten JavaScript-Formularfunktionen vereinfacht, einschließlich Formularvalidierungsfunktionen, die direkt verwendet werden können. Darüber hinaus enthält es leistungsstarke Funktionen zur Formularsynchronisierung und zur Beurteilung von Formularbedingungen.
Ein weiteres zurückhaltendes JavaScript-Framework zur Formularvalidierung. Es verfügt über eine integrierte Logik und einige Einstellungen können global, einzelne Formulare oder einzelne Objekte sein. Bietet zwei APIs, die AJAX-Unterstützung, Caching und Rückruffunktionen integrieren. Es bietet HTML-ähnliche API-Anweisungen sowie eine objektorientierte JavaScript-API.
LiveValidation ( http://www.livevalidation.com )
Eine schlanke Formularvalidierungsbibliothek. Zusätzlich zur herkömmlichen Verifizierungsfunktion bietet es auch eine Echtzeitverifizierung, die nach der Eingabe verifiziert werden kann. Benutzer von Ruby on Rails können diese Bibliothek nützlich finden, da ihre Namenskonventionen und Parameter sehr ähnlich sind. Die Bibliothek verfügt sowohl über eine eigenständige Version als auch über eine Prototypversion.
yav ( http://yav.sourceforge.net/en/index.html )
Eine leistungsstarke, flexible und erweiterbare Formularvalidierungsbibliothek. Unterstützt eine Vielzahl von Szenarien, von einfachen Validierungen wie Datumsangaben, E-Mail-Adressen und Ganzzahlen bis hin zu komplexen Validierungen wie regulären Ausdrücken. Dank der integrierten AJAX-Unterstützung kann die Ausgabefehlermeldung auf Objektebene lokalisiert werden.
qForms ( http://www.pengoworks.com/index.cfm?action=get:qforms )
Eine Komplettlösung für die Formularbearbeitung. Zu den Funktionen gehören verschiedene Validierungsregeln, Mechanismen zur Verhinderung von Mehrfachbuchungen und die Möglichkeit, Eingabefelder zu sperren oder zu entsperren.
formreform ( http://code.google.com/p/formreform/ )
Mehrspaltiges Design, das nicht tabellenbasiert ist, war schon immer eine Herausforderung. Diese kleine Bibliothek verwandelt traditionelle Formulare in wunderschöne mehrspaltige Formulare.
2. Animationsbezogen
$fx ( http://fx.inetcat.com/ )
Eine leichtgewichtige Bibliothek zum Animieren von HTML-Objekten. Sie können jede CSS-Eigenschaft auf einer Zeitleiste ändern und bei komplexen Animationen Effekte kombinieren, Objekte gruppieren und sie parallel bewegen lassen.
JSTweener ( http://coderepos.org/share/wiki/JSTweener )
Eine JavaScript-Bibliothek, die Zwischenframes generiert. Ihre API ähnelt der berühmten Intermediate-Frame-Engine Tweener. Sie können die Animationszeit angeben und Übergangseffekte und Verzögerungen definieren. Ereignisse können zu fast jedem Zeitpunkt ausgelöst werden.
Facebook-Animation ( http://developers.facebook.com/animation/ )
Ein leistungsstarkes Tool zum Erstellen anpassbarer CSS-basierter Animationen. Bei Facebook-Animationen können ein paar Codezeilen die Benutzeroberfläche verbessern. Die Syntax ist die gleiche wie bei FBJS (der Bibliothek für Facebook).
FX ( http://ryanmorr.com/archives/fx-lightweight-and-standalone )
Eine schlanke JavaScript-Bibliothek mit YUI-ähnlicher Syntax, die Zwischenrahmen für fast jede CSS-Eigenschaft erstellen kann. Unterstützt Farb- und Scroll-Animationen. Legen Sie einfach die Hin- und Rückwerte für das Objekt fest.
3. Visuelle und grafische Effekte
JS-Diagramme ( http://www.jscharts.com/ )
Unterstützt Balkendiagramme, Kreisdiagramme und einfache Kurvendiagramme. Fügen Sie diese Bibliothek direkt in eine Webseite ein und rufen Sie Daten aus einer XML-Datei oder einer JavaScript-Array-Variablen auf. PNG-Format, kompatibel mit allen gängigen Browsern.
Canvas 3D JS-Bibliothek (C3DL) ( http://www.c3dl.org/ )
C3DL macht das Schreiben von 3D-Programmen einfach. Bietet eine Reihe von Mathematik-, Szenen- und 3D-Objektklassen, um 3D-Inhalte direkt im Browser zu entwickeln, ohne dass tiefe 3D-Kenntnisse erforderlich sind.
Processing.js ( http://ejohn.org/blog/processingjs/ )
Dies ist eine Portierung der Verarbeitungssprache auf JavaScript. Die 2D-Ausgabe ist funktionsreich. Bietet Verarbeitungsfunktionen für Zeichnung, Farbverarbeitung, Schriftarten, Objekte usw.
Rapha? l ( http://raphaeljs.com/ )
Eine erstaunliche JavaScript-Bibliothek zum Implementieren von Vektorgrafiken im Web. Mittels SVG können mit VML erstellte Grafiken verändert oder Ereignisse gebunden werden. Äußerst umfangreiche Funktionen, einschließlich Drehung, Animation, Zoom usw.
ImageFX ( http://www.nihilogic.dk/labs/imagefx/ )
Diese JavaScript-Bibliothek fügt Bildern Effekte wie Unschärfe, Schärfe, Prägung, Hervorhebung usw. hinzu. ImageFX verwendet Canvas-Objekte, um diese Effekte zu erzielen, und ist mit allen gängigen Browsern kompatibel. Diese Bibliothek ist sehr einfach zu verwenden. Fügen Sie einfach die .js-Bibliotheksdatei in die Webseite ein und rufen Sie diese Funktionen auf.
Pixastic ( http://www.pixastic.com/ )
Pixastic verwendet das HTML5-Canvas-Objekt, das die Manipulation von Rohpixeln ermöglicht. Zu den Effekten gehören Entsättigung, Graustufen, Invertierung, Helligkeit, Kontrastanpassung, Farbton, Sättigungsanpassung sowie Relief-, Unschärfe- und andere Effekte. Da es das HTML 5-Canvas-Objekt verwendet, ist es noch nicht mit allen Browsern kompatibel.
Reflection.js ( http://cow.neondragon.net/stuff/reflection/ )
Ein sehr zurückhaltendes JavaScript implementiert automatisch den Reflexionseffekt. Die Höhe und Transparenz der Reflexion können angepasst werden. Unterstützt alle gängigen Browser, die Dateigröße beträgt weniger als 5 KB.
4. Datenbank
Taffy DB ( http://taffydb.com/ )
Eine JavaScript-Bibliothek, die man sich als SQL Server im Browser oder als erweiterten Array-Manager vorstellen kann. In Programmen, die AJAX verwenden, kann es als Datenbankschicht zum Erstellen, Lesen, Bearbeiten und Löschen von Daten, zur Verwendung von Schleifen, zum Sortieren und für erweiterte Abfragen verwendet werden.
ActiveRecord.js ( http://www.activerecordjs.org/ )
Diese Bibliothek unterstützt Google Gears sowie Chrome, Aptana Jaxer, Adobe AIR und jede Plattform, die HTML 5 SQL-Spezifikationen unterstützt (derzeit Webkit und iPhone). Tabellen können automatisch erstellt, Daten validiert und synchronisiert werden.
