46 liens privés
Suite de https://lorenzofox.dev/posts/lets-build-a-framework-part-1 l'auteur simplifie le composant / framework qu'il avait créé. Il plaide en faveur de l'utilisation de solutions maisons pour lutter contre l'augmentation de la taille des frameworks JS
Suite de https://lorenzofox.dev/posts/component-as-infinite-loop/ l'auteur montre comment construire un composant par composition, dont le fonctionnement est similaire à un composant VueJS
L'auteur démontre plusieurs utilisations d'éléments HTML ou de styles CSS3 qui remplacent avantageusement le JavaScript. Il commence par rappeler une règle : utiliser le langage le moins puissant possible (HTML d'abord, CSS ensuite et enfin JavaScript)
Les exemples :
- des custom switches
- Datalist
- un color picker
- un accordéon
- les modales
Suite de https://lorenzofox.dev/posts/component-as-infinite-loop/ tout est dans le titre
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.