Quelques astuces pour charger efficacement vos scripts externes.
Une librairie JavaScript minimale pour traquer l'état du viewport (tout ce qui tient au curseur, à la taille de la fenêtre et au scroll). Très pratique pour certains effets graphiques. Tout est visiblement optimisé pour ne déclencher les évènements que lorsque le navigateur est prêt à effectuer un nouveau rendu (avec requestAnimationFrame).
Quelques choses intéressantes à savoir sur forEach() en JavaScript.
Je suis d'accord sur le fait que les fonctions natives sont très souvent beaucoup moins claires que les wrapper proposés par jQuery.
Une sorte d'ORM Node.js qui semble être un bon compromis. Il se base sur le query builder Knex et ajoute quelques fonctionnalités pour faciliter les relations one-to-one, one-to-many, many-to-many et polymorphiques. Mais ce n'est en aucun cas une usine à gaz qui impose ses choix et vous pouvez à tout moment utiliser l'instance de Knex si nécessaire.
Un bon aperçu de l'utilisation du phénomène de propagation des évènements JavaScript pour simplifier votre code.
Copier quelque chose dans le presse-papier de l'utilisateur en JavaScript.
Pas mal de petites astuces pour JavaScript.
Un éditeur de texte JavaScript construit sur un principe d'assemblage de blocs (header, paragraphe, etc.). Et on peut y ajouter des plugins pour créer d'autres types de blocs.
Une petite astuce pour utiliser $ et $$ comme alias pour document.querySelector et document.querySelectorAll.
const $ = document.querySelector.bind(document);
const $$ = document.querySelectorAll.bind(document);
// Change the background color of a class.
$('.class').style.background="#BADA55";
// Change the inner HTML of an ID.
$('#id').innerHTML="<span>Cool beans!</span>";
// Select all images on the webpage.
$$('img')
// Print the image addresses for all the images on a webpage.
$$('img').forEach(img => console.log(img.src))Quelques conventions de nommage en JavaScript qu'il est bon de rappeler.
Une lib qui fait tourner votre code JavaScript sur le GPU pour de meilleures performances. Pas testé.
Via https://korben.info/gpu-js-faire-tourner-du-js-en-utilisant-le-gpu-de-la-machine.html
Des statistiques intéressantes sur le Javascript en 2018 (frameworks, etc.)
Une librairie d'upload de fichier en JavaScript.
Un article très complet qui détaille un peu l'historique d'ECMAScript et les nouveautés depuis ES2015.
Un éditeur de texte en HTML.
Une librairie d'abstraction de Webpack faite par l'équipe qui gère Laravel.
C'est très pratique :)
An elegant wrapper around Webpack for the 80% use case.
Un moteur de recherche "full text".
MiniSearch is a tiny but powerful in-memory fulltext search engine for JavaScript. It is respectful of resources, and it can comfortably run both in Node and in the browser.