Cheatsheet

Les fonctions

Javascript

Il existe plusieurs façon de déclarer une fonction :
function name(a, b) { ... } const name = function(a, b) { ... }

S'adapter à la taille du contenu

CSS

Prend la largeur de son contenu
width: fit-content;

Sélecteur d'attribut [attribut="valeur"]

Javascript

Sélectionne les éléments dont l'attribut correspond exactement à la valeur. Exemples :
document.querySelector('[data-id="42"]')

Déstructuration de la réponse d'une base de données

Javascript

const result = await pool.query('SELECT * FROM table'); // result = [ [lignes...], [metadata...] ] result[0] // → les lignes de la requête result[1] // → metadata (champs, types, etc.) — rarement utile
Avec la déstructuration :
const [cards] = await pool.query('SELECT * FROM cards'); // cards = result[0] → les lignes directement

AddEventListener - appel unique

Javascript

Il est possible d'ajouter un option sur un événement pour qu'il se déclenche qu'une seule fois.
element.addEventListener('click', () => { ... }, {once: true});
L'écouteur est détruit après la première utilisation.