J'avais vu passer un truc du genre et ça m'avait paru intéressant en effet... pour des petits projets.

Les animations dans canvas avec un projet «simple»: un solitaire. Un jour, j'aurai le temps de regarder... un jour

Ha, ben je viens de comprendre l'intérêt des fonctions fléchées par rapport aux fonctions habituelles en JS... une fonction fléchée ne redéfinit pas le this.

voilà qui est intéressant et qui évite des jonglages avec des variables tampon quand on imbrique des trucs comme un gros babouin...

Oui, je sais, tout le monde s'en était aperçu à part moi, gnagnagna, «t'as les yeux couverts de peaux de saucisson» toussa...

Dire qu'aujourd'hui, il suffit d'ajouter loading="lazy" à une balise image pour implémenter le lazyload...

C'est beau.

Je retiens:

Virer les false ou équivalents dans un array

 array.filter(boolean)

Mélanger des objets

const person = { name: 'David Walsh', gender: 'Male' };
const tools = { computer: 'Mac', editor: 'Atom' };
const attributes = { handsomeness: 'Extreme', hair: 'Brown', eyes: 'Blue' };


const summary = {...person, ...tools, ...attributes};
/*
Object {
  "computer": "Mac",
  "editor": "Atom",
  "eyes": "Blue",
  "gender": "Male",
  "hair": "Brown",
  "handsomeness": "Extreme",
  "name": "David Walsh",
}
*/

Récupérer la query string

 // Assuming "?post=1234&action=edit"
var urlParams = new URLSearchParams(window.location.search);
console.log(urlParams.has('post')); // true
console.log(urlParams.get('action')); // "edit"
console.log(urlParams.getAll('action')); // ["edit"]
console.log(urlParams.toString()); // "?post=1234&action=edit"
console.log(urlParams.append('active', '1')); // "?post=1234&action=edit&active=1"

Récuperer l'URL absolue

var getAbsoluteUrl = (function() {
    var a;
    return function(url) {
        if(!a) a = document.createElement('a');
        a.href = url;
        return a.href;
    };
})();
// Usage
getAbsoluteUrl('/something'); // https://davidwalsh.name/something

Créer un chat en JS (via une lib nommée Bugout )
Je me note ça pour jeter un oeil dessus...

L'usage de base consiste à imbriquer des variables dans les chaînes, entre ${ et }. Elles se verront "remplacées" par leur valeur au moment de l'exécution.

var kiwis = 3;

const message = `J'ai ${kiwis} kiwis dans mon panier`;

// Résultat : J'ai 3 kiwis dans mon panier

On retrouve ici le même concept qu'en PHP avec les chaînes de texte entre guillemets doubles qui interprètent les variables :

echo "Ma variable : $kiwis";