Suite de https://lorenzofox.dev/posts/coroutine tout est dans le titre
Tout est dans le titre
Dans ce 3e et dernier article, l'auteur donne quelques conseils sur les performances de animations en JavaScript
Cette technique consiste à calculer à l'avance les transformations :
1°) F = First (position de départ)
2°) L = Last (position finale)
3°) I = Invert (calcul de la différence)
4°) P = Play (lancement de l'animation)
L'auteur montre les cas d'usage
L'auteur raconte les origines du JavaScript (et certains choix marketing). Il explique ensuite en quoi consiste la programmation objet par prototype, et quels sont les pièges à éviter (avec une mention à this)
Ça permet de prendre le "bon" élément
<button data-something="truc">
<span>A label</span>
<svg />
</button>utilisez
document.querySelector('button').addEventListener(evt => { console.log(evt.currentTarget.getAttribute('data-something')); });
plutôt que
document.querySelector('button').addEventListener(evt => { console.log(evt.target.getAttribute('data-something')); });
si je clique sur le span, ça permet bien de récupérer le data-something du bouton
En résumé, la fonction native structuredClone marche super bien, avec un excellent support des navigateurs
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Un article qui explique très bien certaines bizarreries de JavaScript (et pas que de JavaScript d'ailleurs)
Tout est dans le titre
Les anciennes méthodes JavaScript sur les tableaux les modifient. Les nouvelles méthodes (toReversed, toSpliced, toSorted, with) ne les modifient plus.
Tout est dans le titre
Une astuce très intéressante
Tout est dans le titre
Tout est dans le titre
Le résumé perso du Warrior du Dimanche de l'API FormData