Dieser Artikel bietet Ihnen einen Überblick über JavaScript-Funktions-Plugins (sehr umfassend), der für Freunde in Not hilfreich sein kann.
Paketmanager
verwalten Javascript-Bibliotheken und stellen Tools zum Lesen und Verpacken dieser bereit.
•npm – npm ist ein Paketmanager für Javascript.
•Bower – Ein Paketmanager für Webanwendungen.
•component – Ein clientseitiger Paketmanager zum Erstellen besserer Webanwendungen.
•spm – Ein neuer statischer Paketmanager.
•jam – Ein browserorientierter und RequireJS-kompatibler Paketmanager.
•jspm – Reibungsloser Browser-Paketmanager.
•Ender – Bibliothek ohne Bibliotheksdateien.
•volo – Erstellen Sie Frontend-Projekte mithilfe von Projektvorlagen, fügen Sie Abhängigkeiten hinzu und automatisierte Generierung.
•Duo – Ein Paketmanager der nächsten Generation, der die besten Ideen von Component, Browserify und Go integriert, um Entwicklern das schnelle und einfache Organisieren und Schreiben von Front-End-Code zu ermöglichen.
Loader
Modul oder Ladesystem für JavaScript.
•RequireJS – Loader für JavaScript-Dateien und -Module.
•browserify – require() in node.js auf der Browserseite.
•SeaJS – Modullader für das Web.
•HeadJS – das einzige Skript von HEAD.
•curl – Kleiner, schneller und erweiterbarer Modullader, der AMD, CommonJS-Module/1.1, CSS, HTML/Text und historische Skripte verarbeitet.
•lazyload – Kleiner, abhängigkeitsfreier asynchroner JavaScript- und CSS-Loader.
•script.js – Asynchroner JavaScript-Loader und Abhängigkeitsmanager.
•systemjs – AMD-, CJS- (commonJS) und ES6-kompatibler Modullader.
•LodJS – AMD-basierter Modullader.
•ESL – Browserseitiger Modullader, unterstützt Lazy Definitions und AMD.
•modulejs – leichtes JavaScript-Modulsystem.
Paketierungstool
•browserify – Mit Browserify können Sie require('modules') auf der Browserseite verwenden, um alle Abhängigkeiten zu packen.
•webpack – Bündeln Sie CommonJs/AMD-Module für den Browser.
Test-Framework
•mocha – Ein einfaches, flexibles und unterhaltsames JavaScript-Test-Framework für node.js und Browser.
•jasmine – Ein einfaches DOM-freies JavaScript-Testframework.
•qunit – Ein benutzerfreundliches JavaScript-Unit-Test-Framework.
•jest – Ein einfaches JavaScript-Unit-Test-Framework.
•prova – Testläufer basierend auf Tape und Browserify, funktioniert mit Node & Browser.
•DalekJS – Automatisiertes und browserübergreifendes JavaScript-Funktionstest-Framework.
Assertion
•chai – BDD/TDD-Assertions-Framework für node.js und Browser und kann mit anderen Test-Frameworks verwendet werden.
• Sinon.JS – Spione, Stubs und Mock-Tests für JavaScript.
•expect.js – Ein einfaches Assertionstool im BDD-Stil für Node.js und den Browser.
Abdeckung
•istanbul – Ein weiteres Tool zur Erkennung der JS-Codeabdeckung.
•blanket – Eine einfache Bibliothek zur Erkennung der Codeabdeckung. Es ist so konzipiert, dass es einfach zu installieren und zu verwenden ist und sowohl im Browser als auch in node.js verfügbar ist.
•JSCover – JSCover ist ein Tool zur Erkennung der Codeabdeckung von JavaScript-Programmen.
Runner
• phantomjs – Skriptfähiges Headless WebKit.
• slimerjs – Ein PhantomJS-ähnliches Tool von Gecko.
•casperjs – Navigationsskript und Testtool basierend auf PhantomJS und Slimer JS.
•zombie – Ein schnelles, vollständiges und GUI-freies Browser-Testtool basierend auf node.js.
•totoro – Ein einfaches, zuverlässiges und browserübergreifendes Testtool.
•karma – Ein ausgezeichneter JavaScript-Testläufer.
•nightwatch – Ein automatisiertes Test-Framework mit grafischer Schnittstelle basierend auf node.js und Selenium Webdriver.
•intern – Der JavaScript-Code-Test-Stack der nächsten Generation.
•yolpo – Ein JavaScript-Interpreter, der Satz für Satz im Browser ausführt.
QA-Tools
•JSHint – JSHint ist ein Tool, das hilft, Fehler und potenzielle Probleme im JavaScript-Code zu finden.
•jscs – Tool zur Erkennung des JavaScript-Codestils.
•jsfmt – JavaScript formatieren, durchsuchen und neu schreiben.
•jsinspect – Erkennt kopierten und strukturell ähnlichen Code.
•buddy.js – Entdecken Sie magische Zahlen im JavaScript-Code.
•ESLint – Ein vollständig steckbares Tool zum Identifizieren und Aufzeichnen von Mustern in JavaScript.
•JSLint – Hohe Standards, strenges und hartnäckiges Codequalitätstool, das darauf ausgelegt ist, nur die guten Teile der Sprache beizubehalten.
MVC Frameworks und Bibliotheken
•angular.js – Verbessern Sie HTML für Webanwendungen.
•aurelia – Ein clientseitiges JavaScript-Framework für Mobilgeräte, Desktops und das Web.
•backbone – Fügen Sie Backbone mit Modellen, Ansichten, Sammlungen und Ereignissen zu Ihren JS-Anwendungen hinzu.
•batman.js – Das beste JavaScript-Framework für Rails-Entwickler.
•ember.js – Ein JavaScript-Framework zur Erstellung außergewöhnlicher Webanwendungen.
•meteor – Ein supereinfaches, in der Datenbank allgegenwärtiges, reines JavaScript-Webframework, das nur Daten überträgt.
•ractive – Eine neue Generation der DOM-Manipulation.
•vue – Ein intuitives, schnelles und zusammensetzbares MVVM-Framework zum Erstellen interaktiver Schnittstellen.
•knockout – Knockout erleichtert die Erstellung reaktionsfähiger, umfangreicher Benutzeroberflächen mit JavaScript.
•spine – Eine leichte MVC-Bibliothek zum Erstellen von JavaScript-Anwendungen.
•espresso.js – Eine minimale JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen.
•canjs – Machen Sie JS besser, schneller und einfacher.
•react – Eine Bibliothek zum Erstellen von Benutzeroberflächen. Es ist deklarativ, effizient und äußerst flexibel und verwendet virtuelles DOM als verschiedene Implementierungen.
•react-native – Ein Framework zum Erstellen nativer Apps mit React.
•riot – React-ähnliche Bibliothek, aber leichtgewichtig.
•Thorax – Stärkt Ihr Rückgrat.
•chaplin – JavaScript-Anwendungsarchitektur unter Verwendung der Backbone.js-Bibliothek.
•marionette – Eine zusammengesetzte Anwendungsbibliothek für Backbone.js, die die Struktur großer JavaScript-Anwendungen vereinfachen soll.
•ripple – Ein kleines Grundgerüst zum Aufbau reaktionsfähiger Schnittstellen.
•rivets – Eine leichte, aber leistungsstarke Datenbindungs- und Vorlagenlösung
•derby – Ein MVC-Framework, das das Schreiben von Echtzeit- und kollaborativen Anwendungen erleichtert und gleichzeitig in Node.js und im Browser ausgeführt werden kann. ◦derby-awesome – Eine Sammlung fantastischer Derby-Komponenten.
•way.js – Einfache, leichte, dauerhafte bidirektionale Datenbindung.
•mithril.js – Mithril ist ein clientseitiges MVC-Framework (leicht, leistungsstark und schnell)
•jsblocks – jsblocks ist ein besseres MV-artiges Framework.
•LiquidLava – Ein leicht verständliches MVC-Framework zum Erstellen von Benutzeroberflächen.
Node CMS Framework
•KeystoneJS – Leistungsstarkes CMS- und Webanwendungs-Framework.
•Reaction Commerce – Reaktives CMS mit Echtzeit-Architektur und -Design.
•Ghost – Eine einfache und leistungsstarke Veröffentlichungsplattform.
•Apostrophe – CMS, das die Bearbeitung von Inhalten und grundlegende Dienste bietet.
•We.js – Ein Framework für Echtzeitanwendungen, Websites oder Blogs.
•Hatch.js – CMS-Plattform mit sozialen Funktionen.
•TaracotJS – Ein schnelles, minimalistisches CMS basierend auf Node.js.
•Nodizecms – CMS für CoffeeScript-Liebhaber.
•Cody – CMS mit WYSIWYG-Editor.
•PencilBlue – CMS und Blogging-Plattform.
Template Engine
Mit der Template Engine können Sie eine String-Interpolation durchführen.
•mustache.js – ist die minimalistische Vorlage in JavaScript mit {{mustaches}}.
•handlebars.js – ist eine Erweiterung der Mustache-Vorlagensprache.
•hogan.js – ist ein Compiler für die Mustache-Vorlagensprache.
•doT – Die schnellste und prägnanteste JavaScript-Vorlagen-Engine für NodeJS und Browser.
•dustjs – Asynchrone Vorlagen für den Browser und node.js.
•eco – Eingebettete CoffeeScript-Vorlage.
•JavaScript-Vorlagen – Eine leichte (weniger als 1 KB), schnelle und abhängigkeitsfreie, leistungsstarke JavaScript-Vorlagen-Engine.
•t.js – Ein kleines JavaScript-Vorlagen-Framework, etwa 400 Byte komprimiert.
•Jade – Robuste, elegante und funktionsreiche NodeJS-Vorlagen-Engine.
•EJS – Effiziente JavaScript-Vorlagen.
•xtemplate – Erweiterbare Template-Engine für Knoten und Browser.
•marko – Eine schnelle und leichte HTML-basierte Vorlagen-Engine, die asynchrone, Streaming-, benutzerdefinierte Tags und kompilierte Ausgabe des CommonJS-Moduls unterstützt. Funktioniert mit Node.js und Browsern.
Artikel und Beiträge
•Das JavaScript, das Sie kennen sollten – Artikel über funktionale JavaScript-Konzepte.
Datenvisualisierung
Web-Datenvisualisierungstools
•d3 – Eine JavaScript-Bibliothek zur Visualisierung von HTML und SVG.
•metrics-graphics – Eine Bibliothek, die prägnanter ist und über standardisierte Algorithmen zur Optimierung des Datendiagramm-Layouts verfügt.
•pykcharts.js – Eine d3.js-Diagrammbibliothek, die sorgfältig entwickelt wurde, um die Komplexität von d3.js zu beseitigen.
• three.js – JavaScript-3D-Bibliothek.
•Chart.js – Eine einfache HTML5-Diagrammbibliothek basierend auf dem Canvas-Tag.
•paper.js – Das Schweizer Taschenmesser der Vektorgrafikskripte – Portierung von Scriptographer auf JavaScript und den Browser mithilfe von HTML5 Canvas.
•fabric.js – JavaScript-Canvas-Bibliothek, SVG und Canvas können sich gegenseitig analysieren.
•peity – Fortschrittsbalken, Linien- und Kreisdiagramme.
•raphael – JavaScript-Vektorbibliothek.
•echarts – Business-Produktdiagramme.
•vis – Dynamische, browserbasierte Visualisierungsbibliothek.
•two.js – Eine Renderer-unabhängige 2D-Zeichnungs-API für das Web.
•g.raphael – Basierend auf der Rapha?l-Chartbibliothek.
•sigma.js – Eine JavaScript-Bibliothek speziell für das Zeichnen von Grafiken.
•arbor – Eine Grafikvisualisierungsbibliothek mit Web Workern und jQuery.
•cubism – D3-Plugin zur Visualisierung von Zeitreihen.
•dc.js – Eine mehrdimensionale Diagrammzeichnungsbibliothek, die nahtlos mit Crossfilter zusammenarbeitet und mit d3.js gerendert wird.
•vega – eine visuelle Grammatik.
•processing.js – Processing.js ermöglicht die Datenvisualisierung auf Basis von Webstandards, ohne dass Plugins erforderlich sind.
•envisionjs – Dynamische HTML5-Visualisierung.
•rikscha – JavaScript-Toolkit zum Erstellen interaktiver Echtzeitdiagramme.
•flot – Eine ansprechende, jQuery-basierte JavaScript-Diagrammbibliothek.
•morris.js – Wunderschöne Zeitreihen-Drahtmodelle.
•nvd3 – Eine Bibliothek zum Erstellen wiederverwendbarer Diagramme und Diagrammkomponenten für D3.js.
•svg.js – Eine leichtgewichtige Bibliothek zum Bearbeiten und Hinzufügen von SVG-Animationen.
•heatmap.js – Heatmap-JavaScript-Bibliothek basierend auf HTML5-Canvas.
•jquery.sparkline – ein jQuery-Plug-in, das kleine Trenddiagramme direkt im Browser generiert.
•xCharts – Eine D3-basierte Bibliothek zum Erstellen benutzerdefinierter Diagramme und Grafiken.
•trianglify – Ein Hintergrundbildgenerator im Low-Poly-Stil basierend auf d3.js.
•d3-cloud – JavaScript-Bibliothek zum Erstellen von Wortwolkeneffekten.
•d4 – Eine benutzerfreundliche, wiederverwendbare DSL-Kartenbibliothek basierend auf D3.
•dimple.js – Eine einfache Diagrammbibliothek für Geschäftsanalysen basierend auf d3.
•chartist-js – Einfache responsive Diagramme.
•epoch – Eine universelle Echtzeit-Charting-Bibliothek.
•c3 – Eine wiederverwendbare Diagrammbibliothek basierend auf D3.
•BabylonJS – Ein Framework zum Erstellen von 3D-Spielen mit HTML5 und WebGL.
Es gibt auch einige tolle kostenpflichtige Bibliotheken wie amchart, plotly und highchart.
Timeline
• TimelineJS – Eine in JavaScript geschriebene narrative Zeitleistenbibliothek.
•timesheet.js – JavaScript-Bibliothek zum Erstellen einfacher HTML5- und CSS3-Stundenzettel.
Herausgeber
•ace – Ace (Ajax.org Cloud9-Herausgeber).
•CodeMirror – Browserseitiger Code-Editor.
•esprima – ECMAScript-Parser für umfassende Analysen.
•quill – Ein browserübergreifender Rich-Text-Editor mit API.
•medium-editor – Ein Klon des Medium.com WYSIWYG-Editors.
•pen – Genießen Sie die Online-Bearbeitung (Markdown unterstützt).
•jquery-notebook – Ein benutzerfreundlicher, einfacher und eleganter Texteditor. Inspiriert von der Magie des Mediums.
•bootstrap-wysiwyg – Ein kleiner, Bootstrap-kompatibler WYSIWYG-Rich-Text-Editor.
•ckeditor-releases – Ein Web-Texteditor für jedermann.
•editor – Ein Markdown-Editor, aber noch in der Entwicklung.
•EpicEditor – Ein einbettbarer JavaScript-Markdown-Editor mit Vollbildbearbeitung, sofortiger Vorschau, automatisch gespeicherten Entwürfen und Offline-Unterstützung.
•jsoneditor – Webtool zum Anzeigen, Bearbeiten und Formatieren von JSON.
•vim.js – JavaScript-Port des Vim-Editors mit einer persistenten ~/.vimrc.
•Squire – HTML5-Rich-Text-Editor.
•TinyMCE – JavaScript-Rich-Text-Editor.
•trix – Ein Rich-Text-Editor für das tägliche Schreiben, erstellt von Basecamp.
Datei
Bibliothek zur Bearbeitung von Dateien.
•Papa Parse – Eine leistungsstarke CSV-Bibliothek, die das Parsen von CSV-Dateien/-Strings unterstützt und auch CSV exportieren kann.
•jBinary – Führen Sie E/A-Vorgänge auf hoher Ebene (Laden, Parsen, Bearbeiten, Serialisieren, Speichern) für Binärdateien durch, die eine deklarative Syntax zur Beschreibung von Dateitypen und Datenstrukturen verwenden.
Funktionale Programmierung
Funktionale Programmierbibliotheken erweitern die Fähigkeiten von JavaScript.
•underscore – Ein Dienstprogramm für JavaScript.
•lodash – Eine praktische Bibliothek, die Konsistenz, Anpassbarkeit, Leistung und zusätzliche Funktionen bietet.
•Sugar – Eine JavaScript-Bibliothek, die die Funktionalität nativer Objekte erweitert.
•lazy.js – Wie Underscore, aber mit besserer Leistung
•ramda – Eine Hilfsbibliothek für JavaScript-Programmierer.
•mout – Modulare JavaScript-Toolbibliothek.
•mesh – Tool zur Synchronisierung von Streaming-Daten.
Reaktive Programmierung
Reaktive Programmierbibliotheken erweitern die Fähigkeiten von JavaScript.
•RxJs – Reaktive Erweiterungen für JavaScript.
•Bacon – FPR-Bibliothek (Functional Reactive Programming) für JavaScript.
•Kefir – FRP-Bibliothek, inspiriert von Bacon.js und RxJS, mit Schwerpunkt auf hoher Leistung und geringem Speicherverbrauch.
•Highland – Highland ist eine Neuinterpretation der JavaScript-Dienstprogramme und erleichtert die Verwaltung synchroner und asynchroner Nachrichten nur mit Standard-JavaScript und Node-ähnlichen Streams.
•Most.js – Hochleistungs-FRP-Bibliothek.
Datenstrukturen
Die Datenstrukturbibliothek wird zum Erstellen einer komplexeren Anwendung verwendet.
•immutable-js – Unveränderliche Datensammlungen, einschließlich Sequence, Range, Repeat, Map, OrderedMap, Set und Sparse Vector.
•mori – Eine Bibliothek zum Beibehalten von Datenstrukturen mithilfe von ClojureScript und zur Unterstützung nativer JavaScript-APIs.
•buckets – Eine vollständige, vollständig getestete und dokumentierte Datenstruktur-JavaScript-Bibliothek.
•hashmap – Eine einfache Hashmap-Implementierung, die jede Art von Schlüsselwert unterstützt.
Datum
Datumsbibliothek.
•moment – Daten analysieren, validieren, manipulieren und anzeigen.
•moment-timezone – Zeitzonenbibliothek basierend auf moment.js.
•jquery-timeago – Ein jQuery-Plugin, das die automatische Aktualisierung von Fuzzy-Zeitstempeln unterstützt (z. B. „vor 4 Minuten“).
•timezone-js – Sorgen Sie dafür, dass JavaScript-Datumsobjekte über Zeitzonenfunktionen verfügen. Zeitzonendaten werden mithilfe von Olson-Zoneinfo-Dateien aufgezeichnet.
•date – Verfügt über eine benutzerfreundliche Date()-Methode.
•ms.js – Ein kompaktes Millisekunden-Konvertierungstool.
String
String-Bibliothek.
•selecting – Eine Bibliothek, die es Ihnen ermöglicht, vom Benutzer ausgewählten Text abzurufen.
•underscore.string – Erweitert die String-Operationen von Underscore.js.
•string.js – Zusätzliche JavaScript-String-Methoden.
•he – Robuster HTML-Entity-Encoder/Decoder.
•multiline – mehrzeilige Zeichenfolge.
•query-string – URL-Abfragezeichenfolgen analysieren und stringifizieren.
•URI.js – URL-Manipulationsbibliothek.
•jsurl – leichte URL-Manipulationsbibliothek.
•sprintf.js – implementiert String-Formatierung.
•url-pattern – Einfacher als regulärer Ausdrucksabgleich zwischen URLs und anderen Zeichenfolgen. Strings und Daten können ineinander umgewandelt werden.
Number
• Numeral-js – Eine Bibliothek zum Formatieren und Bearbeiten von Zahlen.
•Kilometerzähler – Reibungslose digitale Übergangseffekte.
•accounting.js – Eine leichtgewichtige Bibliothek zum Formatieren von Zahlen, Geld und Währungen – vollständig lokalisiert und ohne Abhängigkeiten.
•money.js – Eine kleine (1 KB) Währungsumrechnungsbibliothek für Web und NodeJS.
•Fraction.js – Eine Bibliothek rationaler Zahlen.
•Complex.js – Eine Bibliothek komplexer Zahlen.
•Polynomial.js – Eine Polynombibliothek.
Speicher
• store.js – Wrappt LocalStorage für alle Browser ohne Verwendung von Cookies oder Flash. Verwenden Sie localStorage, globalStorage und Benutzerdaten verdeckt.
•localForage – verbesserter Offline-Speicher. Es kapselt IndexedDB, WebSQL und localStorage und verfügt über eine einfache und leistungsstarke API.
•jStorage – jStorage ist eine einfache Schlüsselwertdatenbank, die zum Speichern von Daten auf der Browserseite verwendet wird.
•Cross-Storage – Nachdem Sie die Erlaubnis erhalten haben, können Sie es lokal über Domänennamen hinweg speichern.
•basket.js – Ressourcenlader zum Laden und Zwischenspeichern von Skripten mithilfe von localStorage.
•bag.js – Kann Skripte zwischenspeichern und Ressourcen laden, ähnlich wie Basket.js, fügt jedoch eine Schlüsselwertschnittstelle und Unterstützung für localStorage / websql / undexedDB hinzu.
•basil.js – Intelligente JavaScript-Datenpersistenzbibliothek.
•jquery-cookie – Ein leichtes und einfaches jQuery-Plugin zum Lesen, Bearbeiten und Löschen von Cookies.
•Cookies – Clientseitige Cookie-Manipulationsbibliothek.
•DB.js – Promise-basierte Bibliothek, die IndexDB kapselt.
•lawnchair.js – Einfache clientseitige JSON-Speicherung.
Farbe
•randomColor – JavaScript-Farbgenerator.
•chroma.js – JavaScript-Bibliothek mit einer Vielzahl von Farboperationen.
•color – JavaScript-Bibliothek zur Farbkonvertierung und -manipulation.
•Farben – Intelligentere Standard-Webfarben.
•PleaseJS – Erstellen Sie zufällige Farben und Farbschemata, die dem Auge gefallen.
•TinyColor – Schnelle, leichte Farbmanipulations- und Konvertierungsbibliothek.
•Vibrant.js – Primärfarben aus Bildern extrahieren.
Internationalisierung und Lokalisierung (I18n und L10n)
Lokalisierung und Internationalisierung JavaScript-Bibliothek
•i18next – Der einfachste Weg, (i18n) JavaScript zu internationalisieren.
•polyglot – eine kompakte internationale Hilfsbibliothek.
•babelfish – i18n bietet eine benutzerfreundliche und leicht verständliche API und verfügt über eine Vielzahl integrierter Unterstützung.
Klassen
•ClassManager – Eines der schnellsten und bequemsten Klassensysteme der Welt.
•klass – Eine Bibliothek mit Werkzeugen zum Erstellen ausdrucksstarker Klassen.
•augment – Das kleinste und schnellste erstklassige JavaScript-Vererbungsmuster der Welt.
Kontrollfluss
•async – eine asynchrone Toolbibliothek für Knoten und Browser.
•q – Eine JavaScript-Bibliothek, die asynchrone Versprechen implementiert.
•step – eine asynchrone Kontrollflussbibliothek, die die logische Reihenfolge rationalisiert.
•contra – Asynchrone Flusskontrolle im funktionalen Stil implementiert.
•Bluebird – Eine voll funktionsfähige Versprechenbibliothek, die sich auf innovative Funktionalität und Leistung konzentriert.
•when – Schnell und zuverlässig, Promises/A+-Standard when()-Implementierung und verfügt über weitere hervorragende asynchrone Funktionen.
•ObjectEventTarget – Stellt einen Prototyp mit zusätzlicher Ereignisüberwachung bereit (im Einklang mit dem EventTarget von DOMElement im Browserverhalten).
routing
•director – Ein kleiner, URL-isomorpher Router.
•page.js – Ein kleiner clientseitiger Router (~1200 Bytes), inspiriert vom Express-Router.
•pathjs – Einfacher, leichter Web-Router.
•crossroads – JavaScript-Routing.
•davis.js – Ein RESTful, herunterrüstbarer JavaScript-Router mit pushState.
Sicherheit
•DOMPurify – Nur DOM-basierter, schneller, äußerst fehlertoleranter XSS-Filter für HTML, MathML und SVG.
•js-xss – Durch die Whitelist-Konfiguration können Sie nicht vertrauenswürdiges HTML filtern (um XSS-Angriffe zu verhindern).
Log
•log – Console.log mit Stilen.
•Conzole – ein Debug-Panel, das native JavaScript-Konsolenobjektmethoden und -funktionen kapselt, sodass sie auf der Seite angezeigt werden können.
•console.log-wrapper – Zeichnet Protokolle übersichtlich in der Konsole auf und ist mit allen Browsern kompatibel.
•loglevel – Die einfachste JavaScript-Protokollierungstool-Bibliothek, die der gekapselten Methode console.log eine zuverlässige Protokollierungsebene hinzufügt.
•minilog – Eine schlanke, clientseitige und serverseitige Protokollierungsbibliothek, die mit einer Streaming-API bereitgestellt wird.
Reguläre Ausdrücke
•RegEx101 – Online-Tester und Debugger für reguläre JavaScript-Ausdrücke. Unterstützt auch Python, PHP und PCRE.
•RegExr – HTML/JS-Tool zum Erstellen, Testen und Lernen regulärer Ausdrücke.
•RegExpBuilder – Erstellen Sie reguläre Ausdrücke mit verketteten Methoden.
Medien
•Ion.Sound – Einfaches Audio, das auf jeder Webseite verwendet werden kann.
Sprachbefehle
•annyang – Eine Spracherkennungsbibliothek zum Hinzufügen von Sprachbefehlen zu Websites.
•voix.js – JavaScript-Bibliothek zum Hinzufügen von Sprachbefehlen zu einer Website, App oder einem Spiel.
API
•Flaschenhals – Leistungsstarker Frequenzbegrenzer, der die Durchflussregulierung erleichtert.
•oauth-signature-js – OAuth 1.0a-Signaturgenerator für Knoten und Browser.
•amygdala – Bietet RESTful-HTTP-Clientlösungen für Webanwendungen.
•jquery.rest – Ein jQuery-Plugin, das die Verwendung von RESTful-APIs vereinfacht.
Visuelle Erkennung
• tracking.js – Ein moderner Ansatz für rechnergestütztes Sehen im Web.
•ocrad.js – OCR (Optische Zeichenerkennung) in JavaScript über Emscripten.
Browser-Erkennung
•bowser – Ein Browser-Erkenner.
Code-Hervorhebung
• Highlight.js – JavaScript-Syntax-Hervorhebung.
•PrismJS – Leichter, robuster und eleganter Syntax-Highlighter.
Ladestatus
Zeigt den Ladestatus der Bibliothek an.
•Mprogress.js – Erstellen Sie einen linearen Fortschrittsbalken im Google Material-Designstil.
•NProgress – Zeigt einen schlanken Fortschrittsbalken in Ajax'y-Anwendungen an
•Spin.js – Eine rotierende Fortschrittsanzeige.
•progress.js – Erstellen und verwalten Sie Fortschrittsbalken für jedes Objekt auf der Seite.
•progressbar.js – Schöner und reaktionsschneller Fortschrittsbalken, animiert mit SVG-Pfad.
•pace – Fügen Sie Ihrer Website automatisch einen Fortschrittsbalken hinzu.
•topbar – Eine kleine und schöne Fortschrittsanzeige, die so breit ist wie die Website.
•nanobar – Ein sehr leichter Fortschrittsbalken. Verlässt sich nicht auf jQuery.
•PageLoadingEffects – Eine moderne Möglichkeit, neue Inhalte mithilfe von SVG-Animationen zu präsentieren.
•SpinKit – Eine Sammlung von Ladeindikatoren mit CSS-Animationen.
•Ladda – In die Schaltfläche integrierte Ladeanzeige.
•css-loaders – Eine Sammlung rotierender, mit CSS animierter Ladeindikatoren.
Zusätzlich zu den oben genannten Bibliotheken gibt es auch Generatoren wie Ajaxload, Preloader und CSSLoad, die in Codepen gesammelt werden.
Validierung
• Parsley.js – Validieren Sie Formulare im Frontend, ohne eine einzige Zeile JavaScript-Code zu schreiben.
•jquery-validation – jQuery-Validierungs-Plugin.
•validator.js – String-Validierung und -Filterung (der Vorgang, bei dem Benutzereingaben vor der Verwendung von schädlichen oder gefährlichen Zeichen befreit werden).
•validate.js – Eine schlanke JavaScript-Bibliothek zur Formularvalidierung, inspiriert von CodeIgniter.
•validatr – Browserübergreifende HTML5-Formularvalidierungsbibliothek.
•BootstrapValidator – ist das beste jQuery-Plugin zur Validierung von Formularfeldern. Zur Verwendung mit Bootstrap 3.
•is.js – Überprüfen Sie Typen, reguläre Ausdrücke, Existenz, Zeit usw.
•FieldVal – Mehrzweck-Validierungsbibliothek. Unterstützt sowohl synchrone als auch asynchrone Verifizierung.
Keyboard Wrapper
•mousetrap – JavaScript-Bibliothek zur Handhabung von Tastaturkürzeln.
•keymaster – Eine kleine Bibliothek zum Definieren und Verteilen von Tastaturkürzeln.
•Tastendruck – Eine Bibliothek mit Typerfassungstools, in der jede Taste zu einer Modifikatortaste werden kann.
•KeyboardJS – Eine JavaScript-Bibliothek zum Binden von Tastaturkombinationen, die Sie von widersprüchlichen Tastenkombinationen und Tastenkombinationen befreit.
•jquery.hotkeys – Mit jQuery Hotkeys können Sie überall in Ihrem Code auf Tastaturereignisse warten und unterstützen fast alle Tastenkombinationen.
•jwerty – Erstaunliche Bibliothek zur Verarbeitung von Tastaturereignissen.
Durchsuchen und führen
•intro.js – Dies ist eine großartige Möglichkeit, neue Funktionen vorzustellen und Benutzer Schritt für Schritt durch Ihre Website und Projekte zu führen.
•shepherd – Führen Sie Benutzer durch Ihre App.
•bootstrap-tour – Verwenden Sie Twitter-Bootstrap-Popups, um Produkte schnell und einfach anzuleiten.
•tourist – Eine einfache und flexible Einführungsbibliothek für Anwendungsführer.
•chardin.js – Eine einfache Einführung in das Anwenden von Maskenebenen.
•pageguide – Eine interaktive Anleitungsbibliothek für Webseitenelemente mit jQuery und CSS3.
•hopscotch – Ein Framework, das es Entwicklern erleichtert, Bootstrap zu ihren On-Page-Produkten hinzuzufügen.
•joyride – jQuery-basiertes Feature-Bootstrap-Plugin.
•fokussierbar – Ermöglicht die Fokussierung auf ein bestimmtes DOM-Element durch Hinzufügen einer Maskenebene zum Rest der Seite.
Benachrichtigungen
•messenger – Fügen Sie Pop-ups und Nachrichten im Growl-Stil zu Ihrer App hinzu (Crowl ist ein Benachrichtigungssystem unter Mac OS X).
•noty – jQuery-Benachrichtigungs-Plugin.
•pnotify – JavaScript-Benachrichtigungsbibliothek für Bootstrap, jQuery UI und Web Notifications Draft.
•toastr – einfache Popup-Box-Benachrichtigungen (Toast-Benachrichtigungen: werden zur Anzeige einfacher Informationsfenster verwendet, die automatisch ablaufen).
•humane-js – Ein einfaches, elegantes Browser-Benachrichtigungssystem.
•smoke.js – Ein Framework-unabhängiges JavaScript-Popup-System mit anpassbaren Stilen.
Diashow
• Swiper – Ein Touch-Slider-Framework für mobile Geräte mit hardwarebeschleunigten Übergängen.
•slick – Das letzte Karussell-Plugin, das Sie jemals brauchen werden.
•slidesJs – Responsives jQuery (1.7.1+) Diashow-Plugin mit Touch, CSS3-Übergang und anderen Funktionen.
•FlexSlider – Ein atemberaubendes, vollständig reaktionsfähiges jQuery-Plugin für Diashows.
•unslider – Das einfachste jQuery-Plugin für Diashows.
•colorbox – Leichtes, anpassbares Lightbox-jQuery-Plugin.
•fancyBox – Ein Tool, das eine schöne und elegante Möglichkeit bietet, Zoomfunktionen zu Bildern, HTML-Inhalten und Multimedia auf der Seite hinzuzufügen.
•sly – JavaScript-Bibliothek für artikelbasierte Navigation mit Unterstützung für einseitiges Scrollen.
•vegas – jQuery-Plugin, das schönen Vollbild-Hintergründen zu Seiten hinzufügt und sogar Diashows ermöglicht.
•Sequence – CSS-Animationsframework zum Erstellen responsiver Diashows, Präsentationen, Bannerwerbung und schrittweisen Apps.
•baguetteBox.js – Einfach zu verwendendes Maskierungsebenenskript, implementiert in reinem JavaScript.
•reveal.js – Ein Framework zum Erstellen schöner Präsentationssteuerelemente in HTML.
•PhotoSwipe – Modulare, Framework-freie JavaScript-Galeriesteuerung für Mobilgeräte und Desktops.
•jcSlider – Responsives jQuery-Plugin für Diashows mit CSS-Animationen.
•basic-jquery-slider – Einfach zu verwenden, zu thematisieren und anzupassen.
•unslider – Dies ist das einfachste jQuery-Plugin für Diashows.
•jQuery.adaptive-slider – Diashow-jQuery-Plugin mit adaptiven Farbtiteln und Navigation.
•slidr – kann einige Folieneffekte hinzufügen.
•Flickity – Berührbare, reaktionsfähige und blätterbare Galerien.
Schieberegler-Steuerung
•Ion.RangeSlider – Eine leistungsstarke, einfach anzupassende Auswahlbibliothek für Bereichsschieberegler, die viele Konfigurationen und Skins unterstützt.
•jQRangeSlider – Eine Schieberegler-Auswahlbibliothek, die Datumsangaben unterstützt.
•noUiSlider – Eine leichte, nicht redundante, hochgradig angepasste Slider-Auswahlbibliothek.
•rangeslider.js – HTML5-Eingabebereichs-Schiebereglerelement.
Formularkomponente
Eingabe
• typeahead.js – Eine schnelle, voll funktionsfähige Autovervollständigungsbibliothek.
•tag-it – jQuery-UI-Plugin, das Felder mit mehreren Tags und Tag-Vorschläge/Autovervollständigung verarbeitet.
•At.js – Fügen Sie Ihrer App eine Github-ähnliche Funktion zur automatischen Vervollständigung von Eingabeaufforderungen hinzu.
•Placeholders.js – JavaScript-Attributvervollständigung für HTML5-Platzhalter.
•fancyInput – Machen Sie Eingaben mit CSS3-Effekten interessanter.
•jQuery-Tags-Input – Verwenden Sie dieses jQuery-Plug-in, um eine einfache Texteingabe auf magische Weise in eine coole Liste von Tags umzuwandeln.
•vanilla-masker – Eine in reinem JavaScript implementierte Eingabesteuerungsbibliothek.
•Ion.CheckRadio – Eine jQuery-Bibliothek zum Gestalten von Kontrollkästchen und Optionsfeldern, die mehrere Skins unterstützt.
Kalender
•pickadate.js – Mobilfreundliche, reaktionsfähige und leichte jQuery-Eingabeauswahl für Datum und Uhrzeit.
•bootstrap-datepicker – Bootstrap-basierter Kalenderwähler.
•Pikaday – Ein brandneuer JavaScript-Datumswähler – leichtes, abhängigkeitsfreies und modulares CSS.
•fullcalendar – Drag-and-Drop-Ereigniskalender in voller Größe (jQuery-Plugin).
•rome – Anpassbare Datums- (und Uhrzeit-) Auswahl. Keine Abhängigkeiten, optionale Benutzeroberfläche.
•datedropper – datedropper ist ein jQuery-Plug-in, das eine schnelle und einfache Möglichkeit bietet, Datumseingabefelder zu verwalten.
Select
• selectize.js – Selectize ist eine Mischung aus einem Textfeld und einem Auswahlfeld. Es basiert auf jQuery und bietet automatische Vervollständigung und tastatursensitive Dropdown-Listen, die für Tags, Kontaktlisten und mehr verwendet werden können.
•select2 – Es basiert auf jQuery und ist ein Ersatz für das Auswahlfeld. Unterstützt Suchen, Remote-Datensätze und unendliches Scrollen.
•chosen – Eine Bibliothek, die lange und umständliche Auswahlfelder benutzerfreundlicher macht.
Datei-Upload
•jQuery-File-Upload – File Upload ist ein jQuery-Plug-in, das die Auswahl mehrerer Dateien, Drag-and-Drop von Dateien, Fortschrittsbalken, Überprüfung sowie Bild-, Audio- und Videovorschau unterstützt.
•dropzone – Dropzone ist eine benutzerfreundliche Bibliothek, die das Ziehen und Ablegen mehrerer Dateien unterstützt. Es unterstützt die Bildvorschau und hat einen guten Fortschrittsbalkeneffekt.
•flow.js – Eine Datei-API über HTML5, die mehrere gleichzeitige Links sowie eine stabile, fehlertolerante und wiederherstellbare/neustartbare Datei-Upload-Bibliothek bietet.
•fine-uploader – Ein Plugin zum Hochladen mehrerer Dateien mit Fortschrittsbalken, Drag-and-Drop-Funktionalität und Unterstützung für den direkten Upload auf S3 (Amazon Simple Storage Service).
•FileAPI – Eine Sammlung von JavaScript-Dateitools. Unterstützt das Hochladen mehrerer Dateien, Drag-and-Drop und das Hochladen von Dateien in Blöcken. Für Bilder werden Zuschneiden, Größenänderung und automatische Ausrichtung basierend auf EXIF unterstützt.
•plupload – Eine JavaScript-API, die Datei-Uploads verarbeitet. Sie unterstützt die Auswahl mehrerer Dateien, Dateitypfilterung, Chunk-Anfragen, clientseitige Bildskalierung und die Auswahl von HTML5, Silverlight und Flash basierend auf verschiedenen Laufzeitumgebungen.
Andere
•form – jQuery-Formular-Plugin.
•Garlic.js – Formulartext automatisch speichern und Feldwerte lokal auswählen, bis das Formular gesendet wird.
•Countable – JavaScript-Funktion, die die Anzahl der Absätze, Wörter und Zeichen des in einem HTML-Element enthaltenen Textes zählt.
•card – Gestalten Sie Kreditkartenformulare mit nur einer Codezeile benutzerfreundlicher.
•stretchy – ein Formularelement mit adaptiver Größe, wie das Formular aussehen soll.
•list.js – Eine Bibliothek, die Such-, Sortier-, Filter- und adaptive Funktionen zu HTML-Elementen wie Tabellen, Listen und mehr hinzufügt. Fügen Sie eine Visualisierung zu vorhandenem HTML hinzu.
Tipps
•tipsy – Tooltip im Fackbook-Stil basierend auf jQuery.
•opentip – eine Open-Source-JavaScript-Tooltip-Bibliothek basierend auf dem Prototyp-Framework.
•qTip2 – Eine sehr leistungsstarke Tooltip-Bibliothek.
•tooltipster – Ein Tooltip-jQuery-Plugin.
•simptip – Einfache Tooltips, erstellt in Sass.
•jquery-popup-overlay – ist ein reaktionsfähiges und leicht zugängliches modales und Tooltip-jQuery-Plug-in.
Modale und Popups
•Magnific-Popup – Ein leistungsorientiertes, leichtes, reaktionsfähiges Lightbox-Skript.
•jquery-popbox – jQuery-Eingabeaufforderungsbox-Plug-in.
•jquery.avgrund.js – Ein neues Popup-Modalbox-jQuery-Plug-in.
•vex – Neue, hochgradig konfigurierbare und einfach zu gestaltende Dialogbibliothek.
•bootstrap-modal – Erweitert die standardmäßige modale Klasse von Bootstrap. Es unterstützt Responsive, Stackable, Ajax und mehr.
•css-modal – Eine modale Box, die mit reinem CSS erstellt wurde.
•jquery-popup-overlay – ist ein reaktionsfähiges und leicht zugängliches jQuery-Plug-in für modale Boxen und Tooltips.
Scroll
·scrollMonitor – Eine einfache und schnelle API, die Elemente beim Scrollen überwachen kann.
•Headroom – Sofern Sie den Seitenkopf nicht anzeigen müssen, wird er ausgeblendet, um Platz im Seitenkopf freizugeben.
•onepage-scroll – Erstellen Sie eine Apple-ähnliche One-Page-Scroll-Website (iPhone 5S-Website).
•iscroll – eine leistungsstarke, leichte, abhängigkeitsfreie, mit mehreren Plattformen kompatible JavaScript-Scroll-Komponente.
•skrollr – Eine eigenständige (jQuery-unabhängige) Parallax-Scrolling-Bibliothek für mobile Geräte (Android + iOS) und Desktop-Computer.
•parallax – Parallax-Engine für intelligente Geräte.
•stellar.js – Parallaxen-Scrollen leicht gemacht.
•plax – jQuery-basierte Parallaxenbibliothek.
•jparallax – jQuery-Plugin zum Erstellen interaktiver Parallaxeneffekte.
•fullPage – Einfaches und benutzerfreundliches Plugin zum Erstellen von Vollbild-Scroll-Websites (auch bekannt als Single-Page-Websites).
•ScrollMenu – Verleiht der alten, langweiligen Bildlaufleiste ein neues Aussehen.
Menü
• jQuery-menu-aim – Löst ein Ereignis aus, wenn der Benutzercursor auf einem bestimmten Dropdown-Menüelement platziert wird. Kann reaktionsfähige Dropdown-Menüs mit großem Datenvolumen erstellen, z. B. bei Amazon.
•jQuery contextMenu – Verwaltungstool für das Rechtsklick-Menü (contextMenu).
•Slideout – Erstellen Sie reaktionsfähige, berührungsempfindliche Slideout-Navigationsmenüs für Webanwendungen auf Mobilgeräten.
•Slide and Swipe – Ein Slide-out-Menü-Plugin basierend auf der touchSwipe-Bibliothek.
Tabelle/Raster
•jTable – jQuery-Plugin zum Erstellen von AJAX basierend auf CRUD-Tabellen.
•DataTables – Dies ist ein sehr flexibles Tool, das HTML-Tabellen basierend auf progressiver Verbesserung erweiterte interaktive Effekte hinzufügt. (jQuery-Plug-in)
•floatThead – (jQuery-Plug-in) Sperren Sie den Tabellenkopf und lassen Sie nur den Tabelleninhalt scrollen. Funktioniert mit jeder Tabelle und erfordert kein zusätzliches HTML oder CSS.
•Masonry – Wasserfall-Raster-Layout-Bibliothek.
•Packery – Rasterlayout-Bibliothek mit Bin-Packing-Algorithmus. Unterstützt Drag-and-Drop-Layout.
•Isotope – Eine Bibliothek für filterbare und sortierbare Rasterlayouts, die Masonry-, Packery- und andere Layouts implementieren kann.
Framework
•Semantische UI – UI-Kit mit unzähligen Themen und Elementen.
Gesten
•hammer.js – JavaScript-Bibliothek mit einer Vielzahl von Touch-Gesten.
•touchemulator – Simulieren Sie Berührungseingaben auf Desktop-Computern.
•Dragula – Super einfach zu verwendende Drag-and-Drop-Bibliothek.
Karte
•Leaflet – Eine mobilfreundliche, interaktive Karten-JavaScript-Bibliothek.
•Cesium – ein virtueller Open-Source-Globus und eine Karten-Engine basierend auf WebGL.
•gmaps – Der einfachste Weg, Google Maps zu nutzen.
•polymaps – Eine kostenlose, moderne Webbrowser-kompatible JavaScript-Bibliothek zum Erstellen dynamischer, interaktiver Karten.
•kartograph.js – Open-Source-Kartograph-SVG-Kartenrenderer.
•mapbox.js – Mapbox-API, Leaflet-Plug-in.
•jqvmap – jQuery-Plugin für Vektorkarten.
•OpenLayers3 – eine leistungsstarke, funktionsreiche Bibliothek, die alle Ihre Kartenanforderungen erfüllen kann.
Video/Audio
• Prettyembed.js – Bessere Einbettung auf YouTube – mit tollen Optionen wie hochauflösenden Vorschauen, erweiterter Anpassung der Einbettungsoptionen und optionaler FitVids-Unterstützung.
•html5media – kann in Multimedia-Tags definierte Multimediadateien in allen gängigen Browsern abspielen. http://html5media.info/
•Play-em JS – Play'em ist eine JavaScript-Komponente, die die Musik-/Videowiedergabesequenz verwaltet, indem sie mehrere Player (Youtube, Soundcloud und Vimeo) einbettet, um die Wiedergabe einer Serie zu steuern von Liedern.
•polyplayer – Vereint die YouTube-, Soundcloud- und Vimeo-Player-APIs in einem.
•flowplayer – HTML5-Videoplayer http://flowplayer.org/
•mediaelement – Ermöglicht HTML5-, Flash-Player und Silverlight-Shims, die die HTML5-Medienelement-API nachahmen, um eine konsistente Benutzeroberfläche in allen Browsern zu haben. http://mediaelementjs.com/
•SoundJS – Eine Bibliothek, die das Ausführen von Audio im Web einfacher macht. Es bietet eine konsistente API für verschiedene Browser.
Animationen
•velocity – Beschleunigt JavaScript-Animationen.
•jquery.transit – jQuery-Plugin mit superflüssigen CSS3-Transformationen und -Übergängen.
•impress.js – Verwenden Sie CSS3-Transformationen und -Übergänge, um Prezi-ähnliche Präsentationseffekte in HTML-Dokumenten zu erstellen.
•bounce.js – Erstellen Sie im Handumdrehen unterhaltsame CSS3-Animationen.
•GreenSock-JS – Hochleistungs-HTML5-Animationen für alle gängigen Browser.
•TransitionEnd – TransitionEnd ist eine browserübergreifende Bibliothek, die das Transitionend-Ereignis verwendet.
•Dynamic.js – Eine Bibliothek zum Erstellen physikbasierter CSS-Animationen.
Bildverarbeitung
•lena.js – Bildverarbeitungsbibliothek mit Filtern und nützlichen Funktionen.
•pica – Hochwertige Bildgrößenänderung (mit schneller, reiner JS-Implementierung des Lanczos-Filteralgorithmus).
•cropper – Ein einfaches jQuery-Plugin zum Zuschneiden von Bildern.
ECMAScript 6
•es6features – Übersicht über die ECMAScript 6-Funktionen.
•es6-features – ECMAScript 6: Funktionsübersicht und -vergleich.
•ECMAScript 6-Kompatibilitätstabelle – Kompatibilitätstabellen zeigen den Grad der Unterstützung für alle ECMAScript 6-Funktionen auf verschiedenen Plattformen.
•Babel (ehemals 6to5) – Konvertieren Sie ES6+-Code in reines ES5.
•Traceur-Compiler – ES6-Funktionen in ES5 konvertiert. Einschließlich Klassen, Generatoren, Versprechen, Destrukturierungsmuster, Standardparameter usw.
Software Development Kit
•javascript-sdk-design – JavaScript-SDK-Designanleitung, destilliert aus beruflicher und persönlicher Erfahrung.
Hodgepodge
•echo – Lazy Loading von Bildern mithilfe von data-*-Attributen.
•picturefill – ein responsives Bildanzeige-Plug-in, das es Browsern ermöglicht, Srcset- und Größenattribute zu unterstützen.
•platform.js – Eine Plattformerkennungsbibliothek, die auf fast allen JavaScript-Plattformen funktioniert.
•json3 – Eine moderne JSON-Implementierungsbibliothek, die mit fast allen JavaScript-Plattformen kompatibel ist.
•Logical Or Not – Ein Spiel über JavaScript-Funktionen.
•BitSet.js – JavaScript-Bibliothek, die Bitvektoren implementiert.
Das obige ist der detaillierte Inhalt vonListe der Javascript-Funktions-Plug-Ins (sehr umfassend). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
