Heim >Web-Frontend >Front-End-Fragen und Antworten >Welche Bibliotheken gibt es für Javascript?

Welche Bibliotheken gibt es für Javascript?

青灯夜游
青灯夜游Original
2022-03-03 14:59:204485Durchsuche

Zu den Javascript-Bibliotheken gehören: jQuery, React, „D3.js“, Underscore, Lodash, Algolia Places, „Anime.js“, Animate On Scroll, „Bideo.js“, „Chart.js“ usw.

Welche Bibliotheken gibt es für Javascript?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Was ist eine JavaScript-Bibliothek?

JavaScript-Bibliotheken enthalten verschiedene Funktionen, Methoden oder Objekte, um echte Aufgaben auf Webseiten oder JS-basierten Anwendungen auszuführen. Sie können damit sogar eine WordPress-Website erstellen.

Betrachten Sie sie als eine Bibliothek, in der Sie Ihre Lieblingsbücher noch einmal lesen können. Vielleicht sind Sie Schriftsteller und genießen die Bücher anderer Autoren, gewinnen neue Perspektiven oder Innovationen und nutzen diese in Ihrem Leben.

In ähnlicher Weise verfügen JavaScript-Bibliotheken über Code oder Funktionen, die Entwickler mit geringfügigen Änderungen wiederverwenden und verfügbar machen können. Entwickler schreiben JS-Bibliothekscode und andere Entwickler verwenden denselben Code wieder, um bestimmte Aufgaben auszuführen, wie zum Beispiel das Vorbereiten von Folien, anstatt ihn von Grund auf neu zu schreiben. Das spart ihnen viel Zeit und Energie.

Sie sind genau die Motivation für die Erstellung von JavaScript-Bibliotheken, weshalb Sie Dutzende davon in verschiedenen Anwendungsfällen finden können. Sie sparen nicht nur Zeit, sondern vereinfachen auch den gesamten Entwicklungsprozess.

So verwenden Sie JavaScript-Bibliotheken

Um eine JavaScript-Bibliothek in Ihrer App zu verwenden, fügen Sie sie dem -Element hinzu, indem Sie das src-Attribut verwenden, das auf den Quellpfad oder die URL der Bibliothek verweist.

Lesen Sie die Dokumentation der JavaScript-Bibliothek, die Sie verwenden möchten, um weitere Informationen zu erhalten, und befolgen Sie die hier aufgeführten Schritte.

Teilen Sie einige Javascript-Bibliotheken

1 jQuery

jQuery ist eine klassische JavaScript-Bibliothek, die schnell, leicht und funktionsreich ist. Es wurde 2006 von John Resig von BarCamp NYC gebaut. jQuery ist eine kostenlose und vom MIT lizenzierte Open-Source-Software.

Es erleichtert die Manipulation und Durchquerung von HTML-Dokumenten, die Animation, die Ereignisverarbeitung und Ajax.

Funktionen und Vorteile:

  • Es verfügt über eine einfache API, die einfach zu verwenden ist.

  • Es verwendet CSS3-Selektoren beim Umgang mit Stilattributen und beim Suchen von Elementen.

  • jQuery ist leichtgewichtig, nur 30 KB gzippt und komprimiert und unterstützt AMD-Module.

  • Da die Syntax CSS sehr ähnlich ist, ist sie für Anfänger leicht zu erlernen.

  • Erweiterbar durch Plug-Ins.

  • Vielseitigkeit mit API, die mehrere Browser unterstützt, einschließlich Chrome und Firefox.

Anwendungsfall:

  • DOM-Manipulation mithilfe von CSS-Selektoren, die bestimmte Bedingungen verwenden, um Knoten im DOM auszuwählen. Zu diesen Bedingungen gehören der Elementname und seine Attribute (z. B. Klasse und ID).

  • Verwenden Sie Sizzle (eine Open-Source-Auswahl-Engine für mehrere Browser), um Elemente im DOM auszuwählen.

  • Erstellen Sie Effekte, Ereignisse und Animationen.

  • JSON-Analyse.

  • Ajax-Anwendungsentwicklung.

  • Merkmalserkennung.

  • Verwenden Sie Promise- und Deferred-Objekte, um die asynchrone Verarbeitung zu steuern.

2. React.js

React.js (auch bekannt als ReactJS oder React) ist eine Open-Source-Frontend-JavaScript-Bibliothek. Es wurde 2013 von Jordan Walke, einem ehemaligen Software-Ingenieur bei Facebook, gegründet.

Jetzt steht es unter der MIT-Lizenz, wurde aber ursprünglich unter der Apache-Lizenz 2.0 veröffentlicht. React wurde entwickelt, um die Erstellung interaktiver Benutzeroberflächen mühelos zu gestalten.

Entwerfen Sie einfach eine einfache Ansicht für jeden Bundesstaat in Ihrer App. Als nächstes werden die richtigen Komponenten basierend auf den Datenänderungen effizient gerendert und aktualisiert.

Funktionen und Vorteile:

  • React-Code enthält Komponenten oder Entitäten, die mithilfe der React-DOM-Bibliothek als spezifische Elemente im DOM gerendert werden müssen.

  • Es nutzt virtuelles DOM, indem es einen In-Memory-Cache in der Datenstruktur erstellt, die Differenz berechnet und das angezeigte DOM im Browser effizient aktualisiert.

  • Durch dieses selektive Rendering wird die Anwendungsleistung verbessert und Entwicklern gleichzeitig der Aufwand für die Neuberechnung von Seitenlayouts, CSS-Stilen und ganzseitigem Rendering erspart.

  • Es verwendet Lebenszyklusmethoden wie render und ComponentDidMount, um die Codeausführung an bestimmten Punkten im Lebenszyklus der Entität zu ermöglichen.

  • Es unterstützt JavaScript XML (JSX), das JS und HTML kombiniert. Es erleichtert das Rendern von Komponenten mithilfe verschachtelter Elemente, Attribute, JS-Ausdrücke und bedingter Anweisungen.

Anwendungsfall:

  • Wird als Basis bei der Entwicklung mobiler oder einseitiger Anwendungen verwendet.

  • Präsentieren Sie den Status im DOM und verwalten Sie ihn.

  • Erstellen Sie effektive Benutzeroberflächen bei der Entwicklung von Webanwendungen und interaktiven Websites.

  • Debuggen und Testen einfacher.

Wie wir alle wissen, verwenden Facebook, Instagram und WhatsApp alle React.

3、D3.js

Data-Driven Documents (kurz D3) oder D3.js ist eine weitere berühmte JS-Bibliothek, mit der Entwickler datenbasierte Dokumente bearbeiten können. Veröffentlicht im Jahr 2011 unter der BSD-Lizenz.

Funktionen und Vorteile:

  • Es legt Wert auf Webstandards und bietet Ihnen moderne Browserfunktionen anstelle nur eines Frameworks.

  • D3.js unterstützt leistungsstarke Datenvisualisierung.

  • Es unterstützt HTML, CSS und SVG.

  • verfolgt einen datengesteuerten Ansatz und wendet ihn auf die Manipulation des DOM an.

  • D3.js ist schnell und unterstützt mehrere dynamische Verhaltensweisen und Datensätze für Animation und Interaktion.

  • Es reduziert den Overhead und ermöglicht eine größere grafische Komplexität bei hohen Bildraten.

Anwendungsfall:

  • Erstellen Sie interaktive und dynamische Datenvisualisierungen.

  • Binden Sie Daten an das DOM und führen Sie datengesteuerte Transformationen darauf durch. Sie können beispielsweise eine HTML-Tabelle aus einem Zahlenarray generieren und dann mit D3.js ein SVG-Balkendiagramm oder ein 3D-Oberflächendiagramm erstellen.

  • Sein Funktionscode macht es mit einer großen Anzahl von Modulen wiederverwendbar.

  • D3 bietet mehrere Modi zum Ändern von Knoten, z. B. zum Ändern von Stilen oder Attributen durch einen deklarativen Ansatz, zum Hinzufügen, Sortieren oder Entfernen von Knoten, zum Ändern von Text oder HTML-Inhalten usw.

  • Um animierte Übergänge zu erstellen, komplexe Übergänge über Ereignisse zu sequenzieren, CSS3-Übergänge durchzuführen und mehr.

4. Underscore.js

Underscore ist eine JavaScript-Dienstprogrammbibliothek, die verschiedene Funktionen für typische Programmieraufgaben bereitstellt. Es wurde 2009 von Jeremy Askenas erstellt und ist unter der MIT-Lizenz lizenziert. Jetzt hat Lodash es übertroffen.

Funktionen und Vorteile:

  • Es funktioniert ähnlich wie Prototype.js (eine weitere beliebte Dienstprogrammbibliothek), aber Underscore verfügt über ein funktionales Programmierdesign anstelle von Objektprototyperweiterungen.

  • Es verfügt über mehr als 100 Funktionen in 4 verschiedenen Typen, je nachdem, mit welchem ​​Datentyp sie arbeiten. Dies sind die zu manipulierenden Funktionen:

    • Objekte

    • Arrays

    • Objekte und Arrays

    • Andere Funktionen

  • Underscore ist mit Chrome, Firefox, Edge und mehr kompatibel .

Anwendungsfälle:

  • Es unterstützt funktionale Helfer wie Filter, Karten usw. sowie spezielle Funktionen wie Bindung, schnelle Indizierung, JavaScript-Vorlagen, Qualitätstests usw.

5, Lodash

Lodash ist auch eine JS-Dienstprogrammbibliothek, die die Arbeit mit Zahlen, Arrays, Strings, Objekten usw. erleichtert. Es wurde 2013 veröffentlicht und verwendet auch funktionales Programmierdesign wie Underscore.js.

Funktionen und Vorteile:

  • kann Ihnen dabei helfen, wartbaren und prägnanten JavaScript-Code zu schreiben.

  • Vereinfachte allgemeine Aufgaben wie mathematische Operationen, Bindungsereignisse, Funktionsdrosselung, Dekoratoren, Einschränkungsgrenzen, Entprellen und mehr.

  • String-Funktionen wie Trimmen, Camelcasing und Großschreibung werden vereinfacht.

  • Erstellen, ändern, komprimieren und sortieren Sie Arrays.

  • Andere Operationen an Sammlungen, Objekten und Sequenzen.

Anwendungsfälle:

Der modulare Ansatz hilft Ihnen:

  • Iterieren Sie über Arrays, Strings und Objekte.

  • Verbundfunktionen erstellen.

  • Betriebs- und Testwerte.

6. Algolia Places

Algolia Places ist eine JavaScript-Bibliothek, die eine einfache und verteilte Möglichkeit bietet, die Funktion zum automatischen Ausfüllen von Adressen auf Ihrer Website zu verwenden. Dies ist ein sehr schnelles und präzises Tool, mit dem Sie das Erlebnis Ihrer Website-Benutzer verbessern können. Algolia Places nutzt die beeindruckende Open-Source-Datenbank von OpenStreetMap, um eine weltweite Abdeckung bereitzustellen.

Sie können damit beispielsweise die Conversion-Rate Ihrer Produktseiten steigern.

Funktionen und Vorteile:

  • Es vereinfacht den Checkout-Prozess, indem es mehrere Eingaben gleichzeitig ausführt.

  • Sie können ganz einfach die Länder- oder Stadtauswahl verwenden.

  • Sie können schnell Ergebnisse sehen, indem Sie Linkvorschläge in Echtzeit auf der Karte anzeigen.

  • Algolia Places kann Tippfehler verarbeiten und die Ergebnisse entsprechend anzeigen.

  • Es liefert Ergebnisse in Millisekunden, indem es alle Abfragen automatisch an den nächstgelegenen Server weiterleitet.

Anwendungsfall:

  • Ermöglicht das Zusammenführen von Karten, um bestimmte Orte anzuzeigen, was sehr nützlich ist.

  • Es ermöglicht Ihnen, Formulare effizient zu nutzen.

7. Anime.js

Wenn Sie Ihrer Website oder Anwendung Animationen hinzufügen möchten, ist Anime.js eine der besten JavaScript-Bibliotheken, die Sie finden können. Es wurde 2019 veröffentlicht, ist leichtgewichtig und verfügt über eine leistungsstarke und dennoch einfache API.

Funktionen und Vorteile:

  • Anime.js funktioniert mit DOM-Eigenschaften, CSS-Eigenschaften, SVG, CSS-Transformationen und JS-Objekten.

  • Funktioniert mit verschiedenen Browsern wie Chrome, Safari, Firefox, Opera usw.

  • Sein Quellcode kann leicht entschlüsselt und verwendet werden.

  • Komplexe Animationsmethoden wie Überlappung und versetztes Folgen sind jetzt einfacher.

Anwendungsfall:

  • Sie können das Interleaving-System von Anime.js für Eigenschaften und Zeiten verwenden.

  • Erstellen Sie mehrschichtige CSS-Übergänge mit mehreren Timings gleichzeitig auf einem HTML-Element.

  • Spielen, pausieren, auslösen, zurückspulen und steuern Sie Ereignisse synchron mithilfe der Rückruf- und Steuerfunktionen von Anime.js.

8. Animate On Scroll (AOS)

Animate On Scroll eignet sich sehr gut für einseitige Parallaxen-Websites. Diese JS-Bibliothek ist vollständig Open Source und hilft Ihnen, schöne Animationen zu Ihren Seiten hinzuzufügen, die schön aussehen, wenn Sie nach oben und unten scrollen.

Verbessern Sie das Website-Design und steigern Sie die Benutzerzufriedenheit, indem Sie Fade-Effekte, statische Ankerpositionen usw. hinzufügen.

Funktionen und Vorteile:

  • Diese Bibliothek kann Elementpositionen erkennen und entsprechende Klassen hinzufügen, wenn sie im Ansichtsfenster angezeigt werden.

  • Neben dem einfachen Hinzufügen von Animationen können Sie damit auch Änderungen im Ansichtsfenster vornehmen.

  • Es läuft nahtlos auf verschiedenen Geräten, sei es Mobiltelefone, Tablets oder Computer.

  • Es gibt keine Abhängigkeiten, da es in reinem JavaScript geschrieben ist.

Anwendungsfall:

  • Animieren Sie ein Element basierend auf der Position eines anderen Elements.

  • Animieren Sie Elemente basierend auf ihrer Bildschirmposition.

  • Elementanimation auf Mobilgeräten deaktivieren.

  • Erstellen Sie verschiedene Animationen wie Einblenden, Umdrehen, Schieben, Skalieren, Ankerplatzierung und mehr.

9. Bideo.js

Möchten Sie ein Vollbildvideo in den Hintergrund Ihrer Website einbinden? Probieren Sie Bideo.js aus.

Funktionen und Vorteile:

  • Das Hinzufügen eines Videohintergrunds ist mit dieser JavaScript-Bibliothek sehr einfach.

  • Diese Funktion sieht cool aus und funktioniert gut auf Bildschirmen mit unterschiedlichen Seitenverhältnissen und Größen.

  • Die Größe des hinzugefügten Videos kann je nach verwendetem Browser geändert werden.

  • Einfach mit CSS/HTML zu implementieren.

Anwendungsfall:

  • Fügen Sie ein responsives Vollbild-Hintergrundvideo auf Ihrer Website hinzu.

10. Chart.js

Hat Ihre Website oder Ihr Projekt einen Bezug zum Bereich Datenanalyse?

Müssen Sie viele Statistiken bereitstellen?

Chart.js ist eine hervorragende JavaScript-Bibliothek.

Chart.js ist eine flexible, einfache Bibliothek für Designer und Entwickler, die im Handumdrehen schöne Diagramme zu ihren Projekten hinzufügen können. Diese JS-Bibliothek ist Open Source und wird mit einer MIT-Lizenz bereitgestellt.

Funktionen und Vorteile:

  • Elegant und einfach, Sie können einfache Diagramme hinzufügen.

  • Erstellen Sie responsive Webseiten.

  • Leicht, einfach zu erlernen und umzusetzen.

  • 8 verschiedene Arten von Diagrammen.

  • Sehr gut für Anfänger geeignet.

  • Animationsfunktion macht die Seite interaktiver.

Anwendungsfall:

  • Sorgen Sie mithilfe gemischter Diagrammtypen für eine klare visuelle Darstellung bei der Arbeit mit verschiedenen Datensätzen.

  • Plotten Sie spärliche und komplexe Datensätze in logarithmischen, Datums-, Uhrzeit- oder benutzerdefinierten Maßstäben.

11. Cleave.js

Wenn Sie Textinhalte formatieren möchten, bietet Cleave.js eine interessante Lösung. Es wurde entwickelt, um eine einfachere Möglichkeit zu bieten, die Lesbarkeit von Eingabefeldern durch Formatieren der eingegebenen Daten zu verbessern.

Auf diese Weise müssen Sie keine Muster mehr maskieren oder reguläre Ausdrücke schreiben, um Text zu formatieren.

Funktionen und Vorteile:

  • Verbessern Sie die Benutzererfahrung durch konsistente Daten, die über Formulare übermittelt werden.

  • Sie können verschiedene Formatierungsarten für Kreditkartennummern, Telefonnummern, Datumsangaben, Uhrzeiten und Zahlen durchführen.

  • Formatieren Sie benutzerdefinierte Blöcke, Präfixe und Trennzeichen.

  • Unterstützt ReactJS-Komponenten und mehr.

Anwendungsfall:

  • Implementieren Sie cleave.js mithilfe von CSS-Selektoren in mehrere DOM-Elemente.

  • Aktualisieren Sie einen bestimmten Originalwert.

  • Holen Sie sich die Referenz des Textfelds.

  • Es funktioniert mit Redux-Formularen in Vue.js, jQuery und Playground.

12. Choreographer.js

Verwenden Sie Chreographer.js, um komplexes CSS effizient zu animieren. Es können sogar weitere benutzerdefinierte Funktionen hinzugefügt werden, die für Nicht-CSS-Animationen verwendet werden können.

Um diese JavaScript-Bibliothek zu verwenden, installieren Sie bitte ihr Paket über npm oder fügen Sie ihre Skriptdatei hinzu.

Funktionen und Vorteile:

  • Die Animationsklasse verwaltet einzelne Animationsdaten. Das

  • animationConfig-Objekt konfiguriert jede Animationsinstanz.

  • Enthält 2 integrierte Animationsfunktionen „Ändern“ und „Zoom“.

  • „Skala“ wird verwendet, um einen schrittweise gemessenen Wert dem Stilattribut eines Knotens zuzuordnen.

  • „Ändern“ entfernt oder fügt Stilattribute hinzu.

Anwendungsfall:

  • Führen Sie eine sofortige Scroll-Animation durch.

  • Erstellen Sie Animationen basierend auf Mausbewegungen.

13, Glimmer

Glimmer wurde 2017 mit leichten und schnellen UI-Komponenten veröffentlicht. Es nutzt die leistungsstarke Ember-CLI und kann EmberJS als Komponente verwenden.

Funktionen und Vorteile:

  • Glimmer ist eine schnelle DOM-Rendering-Engine, die eine unglaubliche Leistung beim Rendern und Aktualisieren bietet.

  • Es ist vielseitig und kann mit Ihrem aktuellen Technologie-Stack verwendet werden, ohne dass Sie Ihren Code neu schreiben müssen.

Anwendungsfälle:

  • Sie können es als eigenständige Komponente verwenden oder als Webkomponente in Ihre bestehende Anwendung einfügen.

  • DOM-Rendering.

  • Es hilft Ihnen, zwischen statischen und dynamischen Inhalten zu unterscheiden.

  • Wenn Sie die Kraft von Ember benötigen, aber in einem leichteren Paket, verwenden Sie Glimmer.

14. Granim.js

Granim.js ist eine JS-Bibliothek, die Ihnen hilft, reibungslose interaktive Verlaufsanimationen zu erstellen. So können Sie Ihre Website vor einem farbenfrohen Hintergrund hervorheben.

Funktionen und Vorteile:

  • Gradient kann ein Bild abdecken, unabhängig arbeiten, unter eine Bildmaske gleiten usw.

  • Sie können die Verlaufsrichtung mithilfe von Prozentsätzen oder Pixelwerten anpassen.

  • Stellen Sie die Verlaufsrichtung auf diagonal, auf und ab, links und rechts, radial oder benutzerdefiniert ein.

  • Legen Sie die Animationsdauer für Zustandsänderungen in Millisekunden (ms) fest.

  • Passen Sie die Verlaufsfarbe und -position an.

  • Bildanpassung basierend auf Leinwandposition, Quelle, Skalierung usw.

  • Zu den weiteren enthaltenen Optionen gehören das Festlegen von Rückrufen, das Ausgeben von Ereignissen, Methoden zur Gradientensteuerung und mehr.

Anwendungsfall:

  • Verwenden Sie 3 Verläufe mit 2 Farben, um eine einfache Verlaufsanimation zu erstellen.

  • Komplexe Verlaufsanimation mit 2 Verläufen und 3 Farben.

  • Animieren Sie Farbverläufe mit einem Hintergrundbild, zwei Farben und einem Mischmodus.

  • Verwenden Sie eine Bildmaske, um eine Verlaufsanimation unter einer bestimmten Form zu erstellen.

  • Erstellen Sie Verlaufsanimationen, die auf Ereignisse reagieren.

15, fullPage.js

Mit der Open-Source-JS-Bibliothek fullPage.js können Sie ganz einfach eine Vollbild-Scroll-Website oder eine einseitige Website erstellen. Es ist einfach zu verwenden und kann auch horizontale Schieberegler innerhalb von Site-Abschnitten hinzufügen.

Funktionen und Vorteile:

  • Bietet mehrere Anpassungs- und Konfigurationsoptionen.

  • Unterstützt JavaScript-Frameworks wie React-Fullpage, Angular-Fullpage und Vue-Fullpage.

  • Vertikales und horizontales Scrollen aktivieren.

  • Anpassbares Design, geeignet für verschiedene Bildschirmgrößen und mehrere Browser.

  • Automatisch scrollen, wenn die Seite geladen wird.

  • Lazy Loading von Videos/Bildern.

Anwendungsfälle:

  • Verwenden Sie viele Erweiterungen, um die Standardfunktionalität zu verbessern.

  • Erstellen Sie Vollbild-Scroll-Sites.

  • Erstellen Sie eine einseitige Website.

16. Leaflet

Leaflet ist eine der besten JavaScript-Bibliotheken zum Einbinden interaktiver Karten in Ihre Website. Es ist Open Source und für Mobilgeräte geeignet und wiegt etwa 39 KB. Das MapPress Maps-Plugin für WordPress verwendet Leaflet, um seine interaktiven Karten zu betreiben.

Funktionen und Vorteile:

  • Bietet Leistungsfunktionen wie mobile Hardwarebeschleunigung und CSS-Funktionen.

  • Einzigartige Ebenen, einschließlich gekachelter Ebenen, Popups, Markierungen, Vektorebenen, GeoJSON und Bildüberlagerungen.

  • Interaktive Funktionen, einschließlich Drag-Pan, Zoom, Tastaturnavigation, Ereignisse usw.

  • Kartensteuerelemente wie Ebenenumschalter, Eigenschaften, Skalierungs- und Zoomschaltflächen.

  • Unterstützt Browser wie Chrome, Safari, Firefox, Edge usw.

  • Anpassung einschließlich OOP-Funktionen, HTML- und bildbasiertes Markup, CSS3-Steuerelemente und Popups.

Anwendungsfall:

  • Fügen Sie Ihrer Site Karten mit besserem Zoomen und Schwenken, intelligentem Polygon-/Polylinien-Rendering, modularem Aufbau und klickverzögerten Bewegungsanimationen hinzu.

17, Multiple.js

Multiple.js verwendet CSS oder HTML, um Hintergrundbilder zwischen verschiedenen Elementen ohne JavaScript-Koordinatenverarbeitung zu teilen.

Dadurch werden atemberaubende visuelle Effekte erzeugt, die für mehr Benutzerinteraktion sorgen.

18, Moment.js

Moment.js hilft Ihnen, Zeit und Datum effektiv zu verwalten, wenn Sie verschiedene Zeitzonen, API-Aufrufe in lokalen Sprachen usw. verwenden.

Sie können Datums- und Uhrzeitangaben vereinfachen, indem Sie sie validieren, analysieren, formatieren oder manipulieren.

19, Masonry

Masonry ist eine großartige JS-Rasterlayout-Bibliothek. Diese Bibliothek hilft Ihnen, Rasterelemente basierend auf dem verfügbaren vertikalen Platz an geeigneten Stellen zu platzieren. Einige beliebte Galerie-WordPress-Plugins verwenden es sogar.

20、Allwissend

Omniscient.js ist eine JS-Bibliothek, die React-Komponentenabstraktionen für schnelles Top-Down-Rendering mit unveränderlichen Daten bereitstellt.

Diese Bibliothek optimiert Ihr Projekt und bietet interessante Funktionen, die Ihnen dabei helfen, Ihr Projekt nahtlos aufzubauen.

21, Petersilie

Möchten Sie Ihrem Projekt ein Formular hinzufügen?

Wenn ja, könnte Petersilie für Sie nützlich sein. Es handelt sich um eine einfache, aber leistungsstarke JS-Bibliothek, die zur Validierung von Formularen verwendet werden kann.

22. Popper.js

Popper.js wurde erstellt, um die Platzierung von Popup-Menüs, Dropdown-Menüs, Tooltips und anderen Kontextelementen (näher an Schaltflächen oder anderen ähnlichen Elementen) zu erleichtern.

Popper bietet eine großartige Möglichkeit, sie anzuordnen, sie auf andere Website-Elemente zu kleben und sie nahtlos auf jeder Bildschirmgröße abspielen zu lassen.

23, Three.js

Three.js kann Ihre 3D-Designs bezaubernd machen. Es verwendet WebGL zum Rendern von Szenen in modernen Browsern. Wenn Sie IE 10 und niedriger verwenden, verwenden Sie bitte andere CSS3-, CSS2- und SVH-Renderer.

24, Screenfull.js

Verwenden Sie Screenfull.js, um Ihrem Projekt Vollbildelemente hinzuzufügen. Dank ihrer beeindruckenden browserübergreifenden Effizienz werden Sie bei der Verwendung dieser JavaScript-Bibliothek keine Probleme haben.

25, Polymer

Google Open-Source-JavaScript-Bibliothek – Polymer, wird zum Erstellen von Webanwendungen mithilfe von Komponenten verwendet.

26, VOCA

Die Idee hinter der Entwicklung von Voca bestand darin, die Arbeit mit JavaScript-Strings einfacher zu machen. Es verfügt über nützliche Funktionen zum einfachen Bearbeiten von Zeichenfolgen, z. B. Ändern der Groß-/Kleinschreibung, Auffüllen, Trimmen, Abschneiden und mehr.

【Verwandte Empfehlungen: Javascript-Lern-Tutorial

Das obige ist der detaillierte Inhalt vonWelche Bibliotheken gibt es für Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn