Contenu
- Travailler avec des images
- 01. Manipuler les images
- 02. Images de processus
- 03. Générer des feuilles de sprite
- Dates, chaînes, couleurs
- 04. Formater les dates
- 05. Valider les chaînes
- 06. Travailler avec des valeurs de couleur
- Travailler avec différents formats
- 07. Générer des fichiers PDF
- 08. Traiter les fichiers HTML
- 09. Traiter les fichiers CSV
- 10. Traiter les fichiers de démarque
Au cours des dernières années, Node.js est devenu de plus en plus populaire. Il est maintenant souvent utilisé pour développer le côté serveur des applications Web, ou en général pendant le processus de développement. Au moment de la rédaction de cet article, la page d'accueil de npm - le gestionnaire de paquets pour Node.js - répertorie plus d'un quart de million de modules.
- 15 outils dont chaque concepteur Web a besoin en 2017
J'ai dressé une liste de ceux que je trouve utiles dans mon travail quotidien en tant que développeur Web et logiciel, de la manipulation d'images, de la validation de chaînes et de la génération de PDF à la minification, la journalisation et la création d'applications en ligne de commande.
Travailler avec des images
01. Manipuler les images
GraphicsMagick et ImageMagick sont deux outils populaires pour créer, éditer, composer et convertir des images. Grâce au module Node.js gm, vous pouvez utiliser les deux outils directement depuis votre code JavaScript. Le module prend en charge toutes les opérations d'image typiques - redimensionnement, découpage et encodage pour n'en nommer que quelques-unes.
const gm = require (’gm’); gm (’/ chemin / vers / image.webp’) .resize (500, 250) .autoOrient () .write (réponse, erreur => {});
02. Images de processus
Sharp est basé sur la bibliothèque de traitement d'image ultra-rapide libvips, et prétend être quatre à cinq fois plus rapide qu'ImageMagick ou GraphicsMagick en ce qui concerne la compression et le redimensionnement des images. Il prend en charge les images JPEG, PNG, WebP, TIFF, GIF et SVG et génère des données dans des flux de pixels bruts JPEG, PNG, WebP ou non compressés.
03. Générer des feuilles de sprite
Les feuilles de sprite sont des fichiers bitmap qui contiennent de nombreuses petites images différentes (par exemple des icônes), et elles sont souvent utilisées pour réduire la surcharge de téléchargement d'images et accélérer le chargement global de la page. La génération manuelle de feuilles de sprites est très fastidieuse, mais avec spritesmith, vous pouvez automatiser le processus. Ce module prend un dossier en entrée et combine toutes les images qu'il contient dans une seule feuille de sprite. Il génère également un fichier JSON contenant toutes les coordonnées de chacune des images de l'image résultante, que vous pouvez directement copier dans votre code CSS.
Dates, chaînes, couleurs
04. Formater les dates
L'API JavaScript standard est déjà fournie avec l'objet Date pour travailler avec les dates et les heures. Cependant, cet objet n'est pas très convivial en ce qui concerne l'impression et le formatage des dates. D'autre part, Moment.js propose une API propre et fluide, et le code qui en résulte est très lisible et facile à comprendre.
moment () .add (7, ’jours’) .subtract (1, ’mois’) .année (2009) .heures (0) .minutes (0) .secondes (0);
De plus, un module complémentaire est disponible pour analyser et mettre en forme les dates dans différents fuseaux horaires.
05. Valider les chaînes
Lorsque vous fournissez des formulaires sur une page Web, vous devez toujours valider les valeurs saisies par l'utilisateur - non seulement du côté client, mais également du côté serveur pour éviter les données malveillantes. Un module qui peut vous aider ici est validator.js. Il fournit plusieurs méthodes pour valider les chaînes, à partir de isEmail () et isURL () à isMobilePhone () ou alors isCreditCard (), de plus, vous pouvez l'utiliser côté serveur et côté client.
06. Travailler avec des valeurs de couleur
La conversion des valeurs de couleur d'un format à un autre est l'une des tâches que chaque développeur frontend doit effectuer de temps en temps. TinyColor2 s'occupe de cela par programmation, et il est disponible pour Node.js ainsi que pour les navigateurs. Il fournit un ensemble de méthodes de conversion (par ex. toHexString (), toRGBString ()), ainsi que des méthodes pour toutes sortes d'opérations de couleur (par ex. alléger(), saturer(), complément()).
Travailler avec différents formats
07. Générer des fichiers PDF
Vous souhaitez générer dynamiquement des fichiers PDF? Puis PDFKit est le module que vous recherchez. Il prend en charge l'incorporation de types de polices, l'intégration d'images et la définition de graphiques vectoriels, soit par programme (à l'aide d'une API de type Canvas), soit en spécifiant des chemins SVG. De plus, vous pouvez définir des liens, inclure des notes, mettre du texte en surbrillance, etc. La meilleure façon de commencer est la démo interactive du navigateur, disponible ici.
08. Traiter les fichiers HTML
Vous avez toujours voulu traiter le code HTML côté serveur et avez raté les méthodes de l'utilitaire jQuery? ThenCheerio est la réponse. Bien qu'il n'implémente qu'un sous-ensemble de la bibliothèque jQuery principale, il facilite beaucoup le traitement du HTML côté serveur. Il est construit sur le module htmlparser2, un analyseur HTML, XML et RSS. De plus, selon les benchmarks, il est huit fois plus rapide que jsdom, un autre module permettant de travailler avec le DOM côté serveur.
09. Traiter les fichiers CSV
Le format CSV (valeurs séparées par des virgules) est souvent utilisé lors de l'échange de données basées sur des tables. Par exemple, Microsoft Excel vous permet d'exporter ou d'importer vos données dans ce format. node-cvg simplifie le processus de travail avec des données CSV en JavaScript et fournit des fonctionnalités pour générer, analyser, transformer et stringifier CSV. Il est livré avec une API de rappel, une API de flux et une API synchrone, vous pouvez donc choisir le style que vous préférez.
10. Traiter les fichiers de démarque
Markdown est un format populaire lors de la création de contenu pour le Web. Si vous avez toujours voulu traiter le contenu de démarque par programmation (c'est-à-dire écrire votre propre éditeur de démarque), le marquage vaut le coup d'œil. Il prend une chaîne de code de démarque en entrée et génère le code HTML approprié. Il est même possible de personnaliser davantage cette sortie HTML en fournissant des moteurs de rendu personnalisés.
Page suivante: Explorez les meilleurs minificateurs et modules utilitaires
