Liste des plug-ins de fonctions javascript (super complet)

Cet article vous propose une liste de plug-ins de fonctions JavaScript (super complets), qui ont une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer, j'espère qu'il vous sera utile.

Les gestionnaires de packages
gèrent les bibliothèques javascript et fournissent des outils pour les lire et les empaqueter.
•npm – npm est un gestionnaire de packages pour javascript.
•Bower – Un gestionnaire de packages pour les applications Web.
•composant – ​​Un gestionnaire de packages côté client pour créer de meilleures applications Web.
•spm – Un nouveau gestionnaire de paquets statique.
•jam – Un gestionnaire de packages axé sur le navigateur et compatible avec RequireJS.
•jspm – Gestionnaire de packages de navigateur fluide.
•Ender – Bibliothèque sans fichiers de bibliothèque.
•volo – Créez des projets front-end à l'aide de modèles de projet, en ajoutant des dépendances et une génération automatisée.
•Duo – Un gestionnaire de packages de nouvelle génération qui intègre les meilleures idées de Component, Browserify et Go pour permettre aux développeurs d'organiser et d'écrire du code front-end rapidement et facilement.

Loader
Module ou système de chargement pour JavaScript.
•RequireJS – Chargeur pour fichiers et modules JavaScript.
•browserify – require() dans node.js côté navigateur.
•SeaJS – Chargeur de modules pour le web.
•HeadJS – le seul script de HEAD.
•curl – Petit chargeur de modules rapide et extensible qui gère AMD, CommonJS Modules/1.1, CSS, HTML/text et les scripts historiques.
•lazyload – Petit chargeur JavaScript et CSS asynchrone sans dépendance.
•script.js – Chargeur JavaScript asynchrone et gestionnaire de dépendances.
• systemjs – Chargeur de modules compatible AMD, CJS (commonJS) et ES6.
•LodJS – Chargeur de modules basé sur AMD.
•ESL – Chargeur de modules côté navigateur, prend en charge les définitions paresseuses et AMD.
•modulejs – système de modules JavaScript léger.

Outils de packaging
•browserify – Browserify vous permet d'utiliser require('modules') côté navigateur pour empaqueter toutes les dépendances.
•webpack – Regroupez les modules CommonJs/AMD pour le navigateur.

Cadre de test
•mocha – Un cadre de test JavaScript simple, flexible et amusant pour node.js et les navigateurs.
•jasmine – Un framework de test JavaScript simple et sans DOM.
•qunit – Un framework de tests unitaires JavaScript facile à utiliser.
•jest – Cadre de tests unitaires JavaScript simple.
•prova – Testeur basé sur Tape et Browserify, il fonctionne avec Node & Browser.
•DalekJS – Framework de tests fonctionnels JavaScript automatisés et multi-navigateurs.

Assertion
•chai – Framework d'assertion BDD/TDD pour node.js et les navigateurs, et peut être utilisé avec d'autres frameworks de test.
• Sinon.JS – Espions, stubs et tests simulés pour JavaScript.
•expect.js – Un outil d'assertion simple de style BDD pour Node.js et le navigateur.

Couverture
•istanbul – Un autre outil de détection de couverture de code JS.
•blanket – Une bibliothèque simple de détection de couverture de code. Il est conçu pour être facile à installer et à utiliser, et est disponible à la fois dans le navigateur et dans node.js.
•JSCover – JSCover est un outil permettant de détecter la couverture du code des programmes JavaScript.

Runner
• phantomjs – WebKit sans tête scriptable.
•slimerjs – Un outil de type PhantomJS optimisé par Gecko.
•casperjs – Script de navigation et outil de test basé sur PhantomJS et Slimer JS.
•zombie – Un outil de test de navigateur rapide, complet et sans interface graphique, basé sur node.js.
•totoro – Un outil de test simple, fiable et multi-navigateurs.
•karma – Un excellent lanceur de tests JavaScript.
•nightwatch – Un framework de test automatisé d'interface graphique basé sur node.js et Selenium Webdriver.
•intern – La pile de test de code JavaScript de nouvelle génération.
•yolpo – Un interpréteur JavaScript qui exécute phrase par phrase dans le navigateur.

Outils d'assurance qualité
•JSHint – JSHint est un outil qui permet de trouver les erreurs et les problèmes potentiels dans le code JavaScript.
•jscs – Outil de détection de style de code JavaScript.
•jsfmt – Formater, rechercher et réécrire JavaScript.
•jsinspect – Détecte le code copié et structurellement similaire.
•buddy.js – Découvrez les nombres magiques en code JavaScript.
•ESLint – Un outil entièrement enfichable pour identifier et enregistrer des modèles en JavaScript.
•JSLint – Outil de qualité de code aux normes élevées, strict et obstiné, conçu pour ne conserver que les bonnes parties du langage.

Frameworks et bibliothèques MVC
•angular.js – Améliorez le HTML pour les applications Web.
•aurelia – Un framework JavaScript côté client pour mobile, ordinateur de bureau et Web.
•backbone – Ajoutez Backbone avec des modèles, des vues, des collections et des événements à vos applications JS.
•batman.js – Le meilleur framework JavaScript pour les développeurs Rails.
•ember.js – Un framework JavaScript conçu pour créer des applications Web extraordinaires.
•meteor – Un framework Web JavaScript pur super simple, omniprésent dans les bases de données, qui transfère uniquement les données.
•ractive – Une nouvelle génération de manipulation DOM.
•vue – Un framework MVVM intuitif, rapide et composable pour créer des interfaces interactives.
•knockout – Knockout facilite la création d'interfaces utilisateur riches et réactives avec JavaScript.
•spine – Une bibliothèque MVC légère pour créer des applications JavaScript.
•espresso.js – Une bibliothèque JavaScript minimale pour créer des interfaces utilisateur.
•canjs – Rendre JS meilleur, plus rapide et plus simple.
•react – Une bibliothèque pour créer des interfaces utilisateur. Il est déclaratif, efficace et extrêmement flexible et utilise le DOM virtuel comme ses différentes implémentations.
•react-native – Un framework pour créer des applications natives avec React.
•riot – Bibliothèque de type React, mais légère.
•thorax – Renforce votre colonne vertébrale.
•chaplin – Architecture d'application JavaScript utilisant la bibliothèque Backbone.js.
•marionette – Une bibliothèque d'applications composites pour Backbone.js conçue pour simplifier la structure des grandes applications JavaScript.
•ripple – Un petit framework de base pour créer des interfaces réactives.
•rivets – Une solution légère mais puissante de liaison de données et de création de modèles
•derby – Un framework MVC qui facilite l'écriture d'applications collaboratives et en temps réel, et peut s'exécuter simultanément dans Node.js et le navigateur. ◦derby-awesome – Une collection de superbes composants de derby.

•way.js – Liaison de données bidirectionnelle simple, légère et persistante.
•mithril.js – Mithril est un framework MVC côté client (léger, puissant et rapide)
•jsblocks – jsblocks est un meilleur framework MV-ish.
•LiquidLava – Un framework MVC facile à comprendre pour créer des interfaces utilisateur.

Node CMS Framework
•KeystoneJS – Puissant framework CMS et d'applications Web.
•Reaction Commerce – CMS réactif avec architecture et conception en temps réel.
•Ghost – Une plateforme de publication simple et puissante.
•Apostrophe – CMS qui fournit l'édition de contenu et des services de base.
•We.js – Un framework pour les applications, sites Web ou blogs en temps réel.
•Hatch.js – Plateforme CMS avec fonctionnalités sociales.
•TaracotJS – Un CMS rapide et minimaliste basé sur Node.js.
•Nodizecms – CMS pour les amateurs de CoffeeScript.
•Cody – CMS avec éditeur WYSIWYG.
•PencilBlue – CMS et plateforme de blogs.

Moteur de modèles
Le moteur de modèles vous permet d'effectuer une interpolation de chaînes.
•mustache.js – est le modèle le plus simple en JavaScript avec {{mustaches}}.
•handlebars.js – est une extension du langage de modèle Moustache.
•hogan.js – est un compilateur pour le langage de modèles Moustache.
•doT – Le moteur de modèles JavaScript le plus rapide et le plus concis pour les nodejs et les navigateurs.
•dustjs – Modèles asynchrones pour le navigateur et node.js.
•eco – Modèle CoffeeScript intégré.
•JavaScript-Templates – Un moteur de modèles JavaScript léger (moins de 1 Ko), rapide et sans dépendance.
•t.js – Un petit framework de modèles JavaScript, environ 400 octets compressés.
•Jade – Moteur de modèles nodejs robuste, élégant et riche en fonctionnalités.
•EJS – Modèles JavaScript efficaces.
•xtemplate – Moteur de modèles extensible pour les nœuds et les navigateurs.
•marko – Un moteur de modèles HTML rapide et léger qui prend en charge les balises asynchrones, le streaming, les balises personnalisées et la sortie compilée du module CommonJS. Fonctionne avec Node.js et les navigateurs.

Articles et posts
•Le JavaScript que vous devez connaître – Articles sur le concept de fonctionnalisation en JavaScript.

Visualisation des données
Outils de visualisation de données Web
•d3 – Une bibliothèque JavaScript pour visualiser HTML et SVG.
•metrics-graphics – Une bibliothèque plus concise et dotée d'algorithmes d'optimisation de mise en page de graphiques de données plus standardisés.
•pykcharts.js – Une bibliothèque de graphiques d3.js soigneusement conçue pour supprimer la complexité de d3.js.
•trois.js – Bibliothèque JavaScript 3D.
•Chart.js – Une simple bibliothèque de graphiques HTML5 basée sur la balise canvas.
•paper.js – Le couteau suisse des scripts graphiques vectoriels – portage de Scriptographer vers JavaScript et le navigateur à l'aide de HTML5 Canvas.
•fabric.js – La bibliothèque JavaScript Canvas, SVG et Canvas peuvent s'analyser mutuellement.
•peity – barres de progression, graphiques linéaires et circulaires.
•raphael – Bibliothèque de vecteurs JavaScript.
•echarts – Graphiques de produits commerciaux.
•vis – Bibliothèque de visualisation dynamique basée sur un navigateur.
•two.js – Une API de dessin 2D indépendante du moteur de rendu pour le Web.
•g.raphael – Basé sur la bibliothèque de cartes Rapha?l.
•sigma.js – Une bibliothèque JavaScript dédiée au dessin graphique.
•arbor – Une bibliothèque de visualisation graphique utilisant des Web Workers et jQuery.
•cubism – Plugin D3 pour visualiser des séries chronologiques.
•dc.js – Une bibliothèque de dessins de graphiques multidimensionnels qui fonctionne parfaitement avec crossfilter, rendue à l'aide de d3.js.
•vega – une grammaire visuelle.
•processing.js – Processing.js permet la visualisation de données basée sur les standards du Web sans avoir besoin de plugins.
•envisionjs – Visualisation HTML5 dynamique.
•rickshaw – Boîte à outils JavaScript pour créer des graphiques interactifs en temps réel.
•flot – Une bibliothèque de graphiques JavaScript attrayante basée sur jQuery.
•morris.js – Magnifiques wireframes de séries chronologiques.
•nvd3 – Une bibliothèque pour créer des graphiques et des composants de graphiques réutilisables pour D3.js.
•svg.js – Une bibliothèque légère pour manipuler et ajouter des animations SVG.
•heatmap.js – Bibliothèque JavaScript Heatmap basée sur un canevas HTML5.
•jquery.sparkline – un plug-in jQuery qui génère de petits graphiques de tendances directement sur le navigateur.
•xCharts – Une bibliothèque basée sur D3 pour créer des tableaux et des graphiques personnalisés.
•trianglify – Un générateur d'image d'arrière-plan de style low poly basé sur d3.js.
•d3-cloud – Bibliothèque JavaScript pour créer des effets de nuage de mots.
•d4 – Une bibliothèque de graphiques DSL conviviale et réutilisable basée sur D3.
•dimple.js – Une bibliothèque de graphiques d'analyse commerciale simple basée sur d3.
•chartist-js – Graphiques réactifs simples.
•epoch – Une bibliothèque universelle de graphiques en temps réel.
•c3 – Une bibliothèque de graphiques réutilisable basée sur D3.
•BabylonJS – Un framework pour créer des jeux 3D en utilisant HTML5 et WebGL.

Il existe également d'excellentes bibliothèques payantes comme amchart, plotly et highchart.

Timeline
• TimelineJS – Une bibliothèque de chronologie narrative écrite en JavaScript.
•timesheet.js – Bibliothèque JavaScript pour créer des feuilles de temps HTML5 et CSS3 simples.

Éditeur
•ace – Ace (Éditeur Ajax.org Cloud9).
•CodeMirror – Éditeur de code côté navigateur.
•esprima – Analyseur ECMAScript pour une analyse complète.
•quill – Un éditeur de texte enrichi multi-navigateurs avec API.
•medium-editor – Un clone de l'éditeur WYSIWYG de Medium.com.
•pen – Profitez de l'édition en ligne (markdown pris en charge).
•jquery-notebook – Un éditeur de texte facile à utiliser, simple et élégant. Inspiré par la magie de Medium.
•bootstrap-wysiwyg – Un petit éditeur de texte riche WYSIWYG compatible avec le bootstrap.
•ckeditor-releases – Un éditeur de texte Web pour tout le monde.
•éditeur – Un éditeur de démarques, mais toujours en développement.
•EpicEditor – Un éditeur JavaScript Markdown intégrable avec édition plein écran, aperçu instantané, enregistrement automatique des brouillons et prise en charge hors ligne.
•jsoneditor – outil Web pour visualiser, éditer et formater JSON.
•vim.js – Portage JavaScript de l'éditeur Vim avec persistance ~/.vimrc.
•Squire – Éditeur de texte enrichi HTML5.
•TinyMCE – Éditeur de texte enrichi JavaScript.
•trix – Un éditeur de texte riche pour l'écriture quotidienne, réalisé par Basecamp.

Fichier
Bibliothèque pour le traitement des fichiers.
•Papa Parse – Une puissante bibliothèque CSV qui prend en charge l'analyse des fichiers/chaînes CSV et peut également exporter des fichiers CSV.
•jBinary – Effectuez des opérations d'E/S de haut niveau (chargement, analyse, manipulation, sérialisation, stockage) sur des fichiers binaires qui utilisent une syntaxe déclarative pour décrire les types de fichiers et les structures de données.

Programmation fonctionnelle
Les bibliothèques de programmation fonctionnelle étendent les capacités de JavaScript.
•underscore – Un utilitaire pour JavaScript.
•lodash – Une bibliothèque pratique qui offre cohérence, personnalisation, performances et fonctionnalités supplémentaires.
•Sugar – Une bibliothèque JavaScript qui étend les fonctionnalités des objets natifs.
•lazy.js – Comme Underscore, mais avec de meilleures performances
•ramda – Une bibliothèque d'utilitaires pour les programmeurs JavaScript.
•mout – Bibliothèque d'outils JavaScript modulaire.
•mesh – Outil de synchronisation de données en streaming.

Programmation réactive
Les bibliothèques de programmation réactive étendent les capacités de JavaScript.
•RxJs – Extensions réactives à JavaScript.
•Bacon – Bibliothèque FPR (Functional Reactive Programming) pour JavaScript.
•Kefir – Bibliothèque FRP inspirée de Bacon.js et RxJS, axée sur les hautes performances et la faible consommation de mémoire.
•Highland – Une refonte des utilitaires JavaScript, Highland facilite la gestion des messages synchrones et asynchrones en utilisant uniquement des flux JavaScript standard et de type Node.
•Most.js – Bibliothèque FRP hautes performances.

Structures de données
La bibliothèque de structures de données est utilisée pour créer une application plus complexe.
•immutable-js – Collections de données immuables, notamment Sequence, Range, Repeat, Map, OrderedMap, Set et sparse Vector.
•mori – Une bibliothèque pour les structures de données persistantes utilisant ClojureScript et prenant en charge les API JavaScript natives.
•buckets – Une bibliothèque JavaScript de structure de données complète, entièrement testée et documentée.
•hashmap – Implémentation simple de hashmap, prend en charge tout type de valeur clé.

Date
Bibliothèque de dates.
•moment – Analyser, valider, manipuler et afficher les dates.
•moment-timezone – Bibliothèque de fuseaux horaires basée sur moment.js.
•jquery-timeago – Un plugin jQuery qui prend en charge la mise à jour automatique des horodatages flous (par exemple : « il y a 4 minutes »).
•timezone-js – Faire en sorte que les objets JavaScript Date aient une fonctionnalité de fuseau horaire. Les données de fuseau horaire sont enregistrées à l’aide de fichiers Olson zoneinfo.
•date – Possède une méthode Date() conviviale.
•ms.js – Un outil de conversion compact en millisecondes.

String
Bibliothèque de chaînes.
•selecting – Une bibliothèque qui vous permet d'obtenir le texte sélectionné par l'utilisateur.
•underscore.string – Étend les opérations de chaîne de Underscore.js.
•string.js – Méthodes de chaîne JavaScript supplémentaires.
•he – Encodeur/décodeur d'entité HTML robuste.
•multiligne – chaîne multiligne.
•query-string – Analyser et chaîner les chaînes de requête d'URL.
•URI.js – bibliothèque de manipulation d'URL.
•jsurl – bibliothèque légère de manipulation d'URL.
•sprintf.js – implémente le formatage des chaînes.
•url-pattern – Plus facile que la correspondance d'expressions régulières entre les URL et d'autres chaînes. Les chaînes et les données peuvent être converties les unes dans les autres.

Number
• Numeral-js – Une bibliothèque pour formater et manipuler les nombres.
•odomètre – Effets de transition numérique fluides.
•accounting.js – Une bibliothèque légère pour formater les nombres, l'argent et les devises – entièrement localisée et sans dépendances.
•money.js – Une petite bibliothèque de conversion de devises (1 Ko) pour le Web et nodeJS.
•Fraction.js – Une bibliothèque de nombres rationnels.
•Complex.js – Une bibliothèque de nombres complexes.
•Polynomial.js – Une bibliothèque polynomiale.

Stockage
• store.js – Encapsule LocalStorage pour tous les navigateurs sans utiliser de cookies ni de flash. Utilisez localStorage, globalStorage et les données utilisateur de manière secrète.
•localForage – stockage hors ligne amélioré. Il encapsule IndexedDB, WebSQL et localStorage et dispose d'une API simple et puissante.
•jStorage – jStorage est une simple base de données clé-valeur utilisée pour stocker des données côté navigateur.
•stockage croisé – Après avoir obtenu l'autorisation, vous pouvez le stocker localement sur plusieurs noms de domaine.
•basket.js – Chargeur de ressources pour charger et mettre en cache des scripts à l'aide de localStorage.
•bag.js – Peut mettre en cache des scripts et charger des ressources, similaire à basket.js, mais ajoute une interface clé-valeur et la prise en charge de localStorage / websql / undexedDB.
•basil.js – Bibliothèque intelligente de persistance des données JavaScript.
•jquery-cookie – Un plugin jQuery léger et simple pour lire, modifier et supprimer les cookies.
•Cookies – Bibliothèque de manipulation de cookies côté client.
•DB.js – Bibliothèque basée sur des promesses qui encapsule IndexDB.
•lawnchair.js – Stockage JSON simple côté client.

Color
•randomColor – Générateur de couleurs JavaScript.
•chroma.js – Bibliothèque JavaScript avec une variété d'opérations de couleur.
•color – Bibliothèque JavaScript de conversion et de manipulation des couleurs.
•colors – Couleurs Web par défaut plus intelligentes.
• PleaseJS – Créez des couleurs aléatoires et des combinaisons de couleurs agréables à l'œil.
•TinyColor – Bibliothèque de manipulation et de conversion des couleurs rapide et légère.
•Vibrant.js – Extrayez les couleurs primaires des images.

Internationalisation et localisation (I18n et L10n)

Bibliothèque JavaScript de localisation et d'internationalisation
•i18next – Le moyen le plus simple d'internationaliser (i18n) JavaScript.
•polyglot – une bibliothèque d'assistance internationale compacte.
•babelfish – i18n fournit une API conviviale et facile à comprendre et dispose d'une variété de supports intégrés.

Classes
•ClassManager – L'un des systèmes de classe les plus rapides et les plus pratiques au monde.
•klass – Une bibliothèque d'outils pour créer des classes hautement expressives.
•augment – Le modèle d'héritage JavaScript de première classe le plus petit et le plus rapide au monde.

Control Flow
•async – une bibliothèque d'outils asynchrones pour les nœuds et les navigateurs.
•q – Une bibliothèque JavaScript qui implémente des promesses asynchrones.
•step – une bibliothèque de flux de contrôle asynchrone qui rationalise l'ordre logique.
•contra – Contrôle de flux asynchrone implémenté dans un style fonctionnel.
•Bluebird – Une bibliothèque de promesses complète axée sur les fonctionnalités et les performances innovantes.
•when – Rapide et fiable, implémentation standard Promises/A+ when(), et possède d'autres excellentes fonctionnalités asynchrones.
•ObjectEventTarget – Fournit un prototype avec une écoute d'événements supplémentaire (conforme au comportement EventTarget de DOMElement dans les navigateurs).

routage
•director – Un petit routeur isomorphe URL.
•page.js – Un petit routeur côté client (~ 1 200 octets) inspiré du routeur Express.
•pathjs – Routeur Web simple et léger.
•carrefour – Routage JavaScript.
•davis.js – Un routeur JavaScript RESTful et rétrogradable utilisant pushState.

Sécurité
• DOMPurify – Filtre XSS DOM uniquement, rapide et hautement tolérant aux pannes pour HTML, MathML et SVG.
•js-xss – Grâce à la configuration de la liste blanche, vous pouvez filtrer le HTML non fiable (empêcher les attaques XSS).

Log
•log – Console.log avec styles.
•Conzole – un panneau de débogage qui encapsule les méthodes et fonctions d'objet de console natives JavaScript afin qu'elles puissent être affichées sur la page.
•console.log-wrapper – Enregistrez clairement les journaux sur la console et est compatible avec tous les navigateurs.
•loglevel – La bibliothèque d'outils de journalisation JavaScript la plus légère, ajoutant un niveau de journalisation fiable à la méthode console.log encapsulée.
•minilog – Une bibliothèque de journalisation légère, côté client et côté serveur, exposée avec une API de streaming.

Expressions régulières
•RegEx101 – Testeur et débogueur d'expressions régulières JavaScript en ligne. Prend également en charge Python, PHP et PCRE.
•RegExr – Outil HTML/JS pour créer, tester et apprendre des expressions régulières.
•RegExpBuilder – Créez des expressions régulières à l'aide de méthodes chaînées.

Médias
•Ion.Sound – Audio simple qui peut être utilisé sur n'importe quelle page Web.

Commandes vocales
•annyang – Une bibliothèque de reconnaissance vocale pour ajouter des commandes vocales aux sites Web.
•voix.js – Bibliothèque JavaScript pour ajouter des commandes vocales à un site Web, une application ou un jeu.

API
•bottleneck – Puissant limiteur de fréquence qui facilite la régulation du débit.
•oauth-signature-js – Générateur de signature OAuth 1.0a pour nœud et navigateur.
•amygdala – Fournit des solutions client HTTP RESTful pour les applications Web.
•jquery.rest – Un plugin jQuery qui facilite l'utilisation des API RESTful.

Détection visuelle
• tracking.js – Une approche moderne de la vision informatique sur le Web.
•ocrad.js – OCR (Reconnaissance Optique de Caractères) en JavaScript via Emscripten.

Détection du navigateur
•bowser – Un détecteur de navigateur.

Mise en surbrillance du code
• Highlight.js – Surligneur de syntaxe JavaScript.
•PrismJS – Surligneur de syntaxe léger, robuste et élégant.

Statut de chargement

Indique l'état de chargement de la bibliothèque.
•Mprogress.js – Créez une barre de progression linéaire dans le style de conception Google Material.
•NProgress – Afficher une fine barre de progression dans les applications Ajax'y
•Spin.js – Un indicateur de progression rotatif.
•progress.js – Créez et gérez des barres de progression pour n'importe quel objet de la page.
•progressbar.js – Barre de progression magnifique et réactive animée avec un chemin SVG.
•pace – Ajoutez automatiquement une barre de progression à votre site Web.
•topbar – Un petit et bel indicateur de progression qui s'étend aussi large que le site Web.
•nanobar – Une barre de progression très légère. Ne repose pas sur jQuery.
•PageLoadingEffects – Une façon moderne de présenter du nouveau contenu à l'aide d'animations SVG.
•SpinKit – Une collection d'indicateurs de chargement utilisant des animations CSS.
•Ladda – Indicateur de chargement intégré au bouton.
•css-loaders – Une collection d'indicateurs de chargement rotatifs animés avec CSS.

En plus des bibliothèques ci-dessus, il existe également des générateurs tels que Ajaxload, Preloaders et CSSLoad qui sont collectés dans Codepen.

Validation
• Parsley.js – Validez les formulaires sur le front-end sans écrire une seule ligne de code JavaScript.
•jquery-validation – plugin de validation jQuery.
•validator.js – Validation et filtrage de chaînes (l'opération de nettoyage des entrées utilisateur des caractères nuisibles ou dangereux avant de les utiliser).
•validate.js – Une bibliothèque JavaScript légère de validation de formulaire inspirée de CodeIgniter.
•validatr – Bibliothèque de validation de formulaires HTML5 multi-navigateurs.
•BootstrapValidator – est le meilleur plugin jQuery pour valider les champs de formulaire. A utiliser avec Bootstrap 3.
•is.js – Vérifiez les types, les expressions régulières, l'existence, l'heure, etc.
•FieldVal – Bibliothèque de validation polyvalente. Prend en charge la vérification synchrone et asynchrone.

Keyboard Wrapper
•Mousetrap – Bibliothèque JavaScript pour gérer les raccourcis clavier.
•keymaster – Une petite bibliothèque pour définir et distribuer des raccourcis clavier.
•Keypress – Une bibliothèque d'outils de capture de caractères où n'importe quelle touche peut devenir une touche de modification.
•KeyboardJS – Une bibliothèque JavaScript pour lier des combinaisons de touches, vous libérant ainsi de la douleur des touches de raccourci et des combinaisons de touches de raccourci conflictuelles.
•jquery.hotkeys – jQuery Hotkeys vous permet d'écouter les événements du clavier n'importe où dans votre code et prend en charge presque toutes les combinaisons de touches.
•jwerty – Incroyable bibliothèque de gestion des événements de clavier.

Parcourir et guider
•intro.js – C'est un excellent moyen de présenter de nouvelles fonctionnalités et de guider les utilisateurs étape par étape à travers votre site et vos projets.
•berger – Guidez les utilisateurs à travers votre application.
•bootstrap-tour – Utilisez les fenêtres contextuelles Twitter Bootstrap pour guider rapidement et facilement les produits.
•tourist – Une bibliothèque d'introduction au guide d'application simple et flexible.
•chardin.js – Une introduction simple à l'application de couches de masque.
•pageguide – Une bibliothèque de conseils interactifs pour les éléments de page Web utilisant jQuery et CSS3.
•hopscotch – Un framework qui permet aux développeurs d'ajouter plus facilement du bootstrap à leurs produits sur la page.
•joyride – Plugin d'amorçage de fonctionnalités basé sur jQuery.
•focusable – permet de placer le focus sur un élément DOM spécifique en ajoutant un calque de masque au reste de la page.

Notifications
•messenger – Ajoutez des pop-ups et des messages de style Growl à votre application (Crowl est un système de notification sous Mac OS X).
•noty – Plugin de notification jQuery.
•pnotify – Bibliothèque de notifications JavaScript pour Bootstrap, jQuery UI et Web Notifications Draft.
•toastr – notifications simples par boîte pop-up (notifications toast : utilisées pour afficher des fenêtres d'informations simples qui expireront automatiquement).
•humane-js – Un système de notification de navigateur simple et élégant.
•smoke.js – Un système contextuel JavaScript indépendant du framework avec des styles personnalisables.

Diaporama
• Swiper – Un cadre de curseur tactile pour les appareils mobiles utilisant des transitions accélérées par le matériel.
•slick – Le dernier plugin de carrousel dont vous aurez besoin.
•slidesJs – Plugin de diaporama Responsive jQuery (1.7.1+) avec toucher, transition CSS3 et autres fonctionnalités.
•FlexSlider – Un superbe plugin jQuery de diaporama entièrement réactif.
•unslider – Le plugin jQuery de diaporama le plus simple.
•colorbox – Plugin jQuery lightbox léger et personnalisable.
•fancyBox – Un outil qui offre un moyen agréable et élégant d'ajouter des capacités de zoom aux images, au contenu HTML et au multimédia sur la page.
•sly – Bibliothèque JavaScript pour la navigation basée sur les éléments avec prise en charge du défilement unidirectionnel.
•vegas – plugin jQuery qui ajoute de magnifiques arrière-plans plein écran aux pages et permet même des diaporamas.
•Sequence – Cadre d'animation CSS pour créer des diaporamas, des présentations, des bannières publicitaires et des applications par étapes réactives.
•baguetteBox.js – Script de calque de masquage facile à utiliser implémenté en JavaScript pur.
•reveal.js – Un framework pour créer de superbes contrôles de présentation en HTML.
•PhotoSwipe – Contrôle de galerie JavaScript modulaire et sans framework pour mobile et ordinateur de bureau.
•jcSlider – Plugin jQuery de diaporama réactif avec animations CSS.
•basic-jquery-slider – Facile à utiliser, à thème et à personnaliser.
•unslider – Il s'agit du plugin jQuery le plus simple pour les diaporamas.
•jQuery.adaptive-slider – Plugin Slideshow jQuery avec titres de couleurs et navigation adaptatifs.
•slidr – peut ajouter des effets de diapositive.
•Flickity – Galeries tactiles, réactives et feuilletables.

Contrôle du curseur
•Ion.RangeSlider – Une bibliothèque de sélection de curseurs de plage puissante et facile à personnaliser qui prend en charge de nombreuses configurations et skins.
•jQRangeSlider – Une bibliothèque de sélection de curseurs qui prend en charge les dates.
•noUiSlider – Une bibliothèque de sélection de curseurs légère, non redondante et hautement personnalisée.
•rangeslider.js – Élément de curseur de plage d'entrée HTML5.

Composant de formulaire

Entrée
• typeahead.js – Une bibliothèque d'auto-complétion rapide et complète.
•tag-it – plugin jQuery UI qui gère les champs multi-balisés et les suggestions de balises/complétion automatique.
•At.js – Ajoutez une fonctionnalité d'invite de saisie semi-automatique de type Github à votre application.
•Placeholders.js – Complétion des attributs JavaScript pour les espaces réservés HTML5.
•fancyInput – Rendre la saisie plus intéressante avec les effets CSS3.
•jQuery-Tags-Input – Utilisez ce plug-in jQuery pour transformer comme par magie une simple saisie de texte en une superbe liste de balises.
•vanilla-masker – Une bibliothèque de contrôle d'entrée implémentée en JavaScript pur.
•Ion.CheckRadio – Une bibliothèque jQuery pour styliser les cases à cocher et les boutons radio, prenant en charge plusieurs skins.

Calendrier
•pickadate.js – Sélecteur de saisie de date et d'heure jQuery adapté aux mobiles, réactif et léger.
•bootstrap-datepicker – Sélecteur de calendrier basé sur Bootstrap.
•Pikaday – Un tout nouveau sélecteur de date JavaScript – CSS léger, sans dépendance et modulaire.
•fullcalendar – Calendrier d'événements en taille réelle, par glisser-déposer (plugin jQuery).
•rome – Sélecteur de date (et d'heure) personnalisable. Aucune dépendance, interface utilisateur facultative.
•datedropper – datedropper est un plug-in jQuery qui fournit un moyen rapide et facile de gérer les zones de saisie de date.

Select
• selectize.js – Selectize est un hybride d'une zone de texte et d'une zone de sélection. Il est basé sur jQuery et propose des listes déroulantes à saisie semi-automatique et sensibles au clavier qui peuvent être utilisées pour les balises, les listes de contacts, etc.
•select2 – Il est basé sur jQuery et remplace la boîte de sélection. Prend en charge les recherches, les ensembles de données distants et le défilement infini.
•chosen – Une bibliothèque qui rend les boîtes de sélection longues et peu pratiques plus conviviales.

Téléchargement de fichiers
•jQuery-File-Upload – File Upload est un plug-in jQuery qui prend en charge la sélection de plusieurs fichiers, le glisser-déposer de fichiers, la barre de progression, la vérification et l'aperçu des images, audio et vidéo.
•dropzone – Dropzone est une bibliothèque facile à utiliser qui prend en charge le glisser-déposer de plusieurs fichiers. Il prend en charge l'aperçu des images et a un bon effet de barre de progression.
•flow.js – Une API de fichier via HTML5 qui fournit plusieurs liens simultanés, une bibliothèque de téléchargement de fichiers stable, tolérante aux pannes, récupérable/redémarrable.
•fine-uploader – Un plugin de téléchargement multi-fichiers avec barre de progression, fonctionnalité glisser-déposer et prise en charge du téléchargement direct vers S3 (Amazon Simple Storage Service).
•FileAPI – Une collection d'outils de fichiers JavaScript. Prend en charge plusieurs téléchargements de fichiers, le glisser-déposer et le téléchargement de fichiers en morceaux. Pour les images, le recadrage, le redimensionnement et l'orientation automatique basée sur EXIF ​​​​sont pris en charge.
•plupload – Une API JavaScript qui gère les téléchargements de fichiers. Elle prend en charge la sélection de plusieurs fichiers, le filtrage des types de fichiers, les requêtes fragmentées, la mise à l'échelle des images côté client et la sélection de HTML5, Silverlight et Flash en fonction de différents environnements d'exécution.

Autres
•form – plugin de formulaire jQuery.
•Garlic.js – Enregistrez automatiquement le texte du formulaire et sélectionnez les valeurs des cases localement jusqu'à ce que le formulaire soit soumis.
•Countable – Fonction JavaScript qui compte le nombre de paragraphes, de mots et de caractères de texte contenus dans un élément HTML.
•card – Rendez les formulaires de carte de crédit plus conviviaux avec une seule ligne de code.
•stretchy – un élément de formulaire de taille adaptative, à quoi devrait ressembler le formulaire.
•list.js – Une bibliothèque qui ajoute des fonctionnalités de recherche, de tri, de filtrage et d'adaptation aux éléments HTML tels que des tableaux, des listes, etc. Ajoutez une visualisation au HTML existant.

Conseils
•tipsy – Info-bulle de style Fackbook basée sur jQuery.
•opentip – une bibliothèque d'info-bulles JavaScript open source basée sur le framework prototype.
•qTip2 – Une bibliothèque d'info-bulles très puissante.
•tooltipster – Un plugin jQuery d'info-bulle.
•simptip – Info-bulles simples créées en Sass.
•jquery-popup-overlay – est un plug-in jQuery modal et info-bulle réactif et hautement accessible.

Modaux et popups
•Magnific-Popup – Un script lightbox axé sur les performances, léger et réactif.
•jquery-popbox – plug-in de boîte d'invite jQuery.
•jquery.avgrund.js – Un nouveau plug-in jQuery de boîte modale contextuelle.
•vex - Nouvelle bibliothèque de dialogues hautement configurable et facile à styliser.
•bootstrap-modal – Étend la classe modale par défaut de Bootstrap. Il prend en charge les formats réactif, empilable, ajax et plus encore.
•css-modal – Une boîte modale construite avec du CSS pur.
•jquery-popup-overlay – est un plug-in jQuery réactif et hautement accessible pour les boîtes modales et les info-bulles.

Scroll
·scrollMonitor – Une API simple et rapide qui peut surveiller les éléments lors du défilement.
•headroom – Sauf si vous devez afficher l'en-tête de la page, il sera masqué pour libérer de l'espace dans l'en-tête de la page.
•onepage-scroll – Créez un site Web à défilement d'une page de type Apple (site Web iPhone 5S).
•iscroll – un composant de défilement JavaScript hautes performances, léger, sans dépendance et compatible multiplateforme.
•skrollr – Une bibliothèque de défilement de parallaxe autonome (indépendante de jQuery) pour les appareils mobiles (Android + iOS) et les ordinateurs de bureau.
•parallax – Moteur Parallax pour appareils intelligents.
•stellar.js – Le défilement parallaxe simplifié.
•plax – bibliothèque de parallaxe basée sur jQuery.
•jparallax – plugin jQuery pour créer des effets de parallaxe interactifs.
•fullPage – Plugin simple et facile à utiliser pour créer des sites Web à défilement plein écran (également appelés sites Web à page unique).
•ScrollMenu – Donne un nouveau look à l'ancienne barre de défilement ennuyeuse.

Menu
• jQuery-menu-aim – Déclenche un événement lorsque le curseur de l'utilisateur est placé sur un élément de menu déroulant spécifique. Peut créer des menus déroulants réactifs et volumineux, comme ceux d'Amazon.
•jQuery contextMenu – outil de gestion du menu contextuel (contextMenu).
•Slideout – Créez des menus de navigation coulissants réactifs et tactiles pour les applications Web sur les appareils mobiles.
•Slide and swipe – Un plugin de menu coulissant basé sur la bibliothèque touchSwipe.

Table/Grille
•jTable – plugin jQuery pour créer du AJAX basé sur des tables CRUD.
•DataTables – Il s'agit d'un outil très flexible qui ajoute des effets interactifs avancés aux tableaux HTML basés sur une amélioration progressive. (plug-in jQuery)
•floatThead – (plug-in jQuery) Verrouillez l'en-tête du tableau et autorisez uniquement le défilement du contenu du tableau. Fonctionne avec n'importe quelle table et ne nécessite aucun code HTML ou CSS supplémentaire.
•Maçonnerie – bibliothèque de disposition de grille en cascade.
•Packery - Bibliothèque de mise en page de grille utilisant l'algorithme de bin-packing. Prise en charge de la mise en page par glisser-déposer.
•Isotope – Une bibliothèque de dispositions de grille filtrables et triables, qui peut implémenter la maçonnerie, l'emballage et d'autres dispositions.

Framework
•Interface utilisateur sémantique – Kit d'interface utilisateur avec des tonnes de thèmes et d'éléments.

Gestures
•hammer.js – Bibliothèque JavaScript avec une variété de gestes tactiles.
•touchemulator – Simulez la saisie tactile sur les ordinateurs de bureau.
•Dragula – Bibliothèque glisser-déposer super facile à utiliser.

Carte
•Leaflet – Une bibliothèque JavaScript de cartes interactive et adaptée aux mobiles.
•Cesium – un globe virtuel et un moteur de cartographie open source basé sur WebGL.
•gmaps – La manière la plus simple d'utiliser Google Maps.
•polymaps – Une bibliothèque JavaScript gratuite et moderne compatible avec un navigateur Web pour créer des cartes dynamiques et interactives.
•kartograph.js – Moteur de rendu de carte SVG Kartograph open source.
•mapbox.js – API Mapbox, plug-in Leaflet.
•jqvmap – Plugin jQuery de carte vectorielle.
•OpenLayers3 – une bibliothèque hautes performances et riche en fonctionnalités qui peut répondre à tous vos besoins cartographiques.

Vidéo/Audio
• Prettyembed.js – Meilleure intégration sur YouTube – avec d'excellentes options telles que des aperçus haute résolution, une personnalisation avancée des options d'intégration et la prise en charge facultative de FitVids.
•html5media – peut lire les fichiers multimédia définis dans les balises multimédia de tous les principaux navigateurs. http://html5media.info/
•Play-em JS – Play'em est un composant JavaScript qui gère la séquence de lecture musique/vidéo en embarquant plusieurs lecteurs (Youtube, Soundcloud et Vimeo) pour contrôler la lecture d'une série de chansons.
•polyplayer – Unifie les API des lecteurs YouTube, Soundcloud et Vimeo en une seule.
•flowplayer - Lecteur vidéo HTML5 http://flowplayer.org/
•mediaelement - Permet aux lecteurs HTML5, Flash et Silverlight qui imitent l'API des éléments multimédias HTML5 d'avoir une interface utilisateur cohérente dans tous les navigateurs. http://mediaelementjs.com/
•SoundJS – Une bibliothèque qui facilite la diffusion audio sur le Web. Il fournit une API cohérente sur différents navigateurs.

Animations
•velocity – Accélère les animations JavaScript.
•jquery.transit – plugin jQuery avec des transformations et des transitions CSS3 ultra fluides.
•impess.js – Utilisez les transformations et transitions CSS3 pour créer des effets de présentation de type Prezi dans les documents HTML.
•bounce.js – Créez des animations CSS3 amusantes en un rien de temps.
•GreenSock-JS – Animations HTML5 hautes performances pour tous les principaux navigateurs.
•TransitionEnd – TransitionEnd est une bibliothèque multi-navigateurs qui utilise l'événement transitionend.
•Dynamic.js – Une bibliothèque pour créer des animations CSS basées sur la physique.

Traitement d'images
•lena.js – Bibliothèque de traitement d'images avec filtres et fonctions utiles.
•pica – Redimensionnement d'image de haute qualité (avec implémentation JS rapide et pure de l'algorithme de filtre Lanczos).
•cropper – Un simple plugin jQuery de recadrage d'image.

ECMAScript 6
•es6features – Présentation des fonctionnalités d'ECMAScript 6.
•es6-features – ECMAScript 6 : aperçu et comparaison des fonctionnalités.
•Tableau de compatibilité ECMAScript 6 – Les tableaux de compatibilité indiquent le niveau de prise en charge de toutes les fonctionnalités ECMAScript 6 sur différentes plates-formes.
•Babel (anciennement 6to5) – Convertissez le code ES6+ en ES5 pur.
•Compilateur Traceur – Fonctionnalités ES6 converties en ES5. Y compris les classes, les générateurs, les promesses, les modèles de déstructuration, les paramètres par défaut, etc.

Kit de développement logiciel
•javascript-sdk-design – Conseils de conception de SDK JavaScript distillés à partir de l'expérience professionnelle et personnelle.

Hodgepodge
•echo – Chargement paresseux des images à l'aide des attributs data-*.
•picturefill – un plug-in d'affichage d'image réactif qui permet aux navigateurs de prendre en charge les attributs srcset et size.
•platform.js – Une bibliothèque de détection de plateforme qui fonctionne sur presque toutes les plateformes JavaScript.
•json3 – Une bibliothèque d'implémentation JSON moderne compatible avec presque toutes les plateformes JavaScript.
•Logical Or Not – Un jeu sur les fonctionnalités JavaScript.
•BitSet.js – Bibliothèque JavaScript qui implémente des vecteurs de bits.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!