Un aspect très important de Vue.js. Lorsque vous modifiez le modèle, vous vous attendez à ce que le DOM soit mis à jour immédiatement. Mais ce n'est pas ce qui se passe.
En réalité, Vue.js ajoute cet "ordre" de modification du DOM à une file d'attente puis gère tous les ordres d'un coup à intervalle régulier (l'intervalle est bien sûr très court pour éviter une latence visuelle). Mais ça permet d'éviter de mettre à jour le DOM plusieurs fois lorsque de nombreuses modifications du modèle interviennent successivement.
La conséquence, c'est que si vous accédez au DOM juste après avoir mis à jour votre modèle, il ne sera pas à jour. La solution est donc d'utiliser la fonction $nextTick qui prend un paramètre un callback qui sera exécuté juste après la prochaine mise à jour du DOM :
this.$nextTick(() => {
// Ici, votre DOM est à jour.
document.querySelector('...')
})Quelques conseils (en anglais) avant de prendre la parole en public.
Télécharger des vidéos Youtube avec VLC uniquement.
Pas mal de bons conseils pour améliorer l'expérience utilisateurs sur vos formulaires.
Plein de petites astuces CSS compréhensibles en moins de 30 secondes, avec en prime un indicateur de support navigateur.
Un nouveau site de Google qui contient pas mal de ressources utiles au développement web.
Utiliser l'objet Vue comme un event bus (publish/subscribe).
Si dans Vue.js vos animations CSS clignotent dans IE 11, pensez à ajouter animation-fill-mode: forwards; sur l'élément auquel l'animation est affecté.
Pas mal de petites astuces pour faire du Javascript moderne.
Petite astuce que j'ai découverte il y a quelques temps. Chrome permet d'ouvrir une image dans un nouvel onglet mais pas Firefox.
En fait c'est possible, il suffit de faire clic-droit sur l'image puis de faire un clic molette sur l'option View image.
Ça coûte rien d'essayer :)
Here’s how to do it:
- Relax the muscles in your face, including tongue, jaw and the muscles around the eyes
- Drop your shoulders as far down as they’ll go, followed by your upper and lower arm, one side at a time
- Breathe out, relaxing your chest followed by your legs, starting from the thighs and working down
- You should then spend 10 seconds trying to clear your mind before thinking about one of the three following images:
- You’re lying in a canoe on a calm lake with nothing but a clear blue sky above you
- You’re lying in a black velvet hammock in a pitch-black room
- You say “don’t think, don’t think, don’t think” to yourself over and over for about 10 seconds.
Plein de très bonnes indications sur les erreurs à éviter pour le design d'une page.
Attention à ce piège Javascript avec les dates.
new Date('2018-01-01')
// <- Sun Dec 31 2017 18:00:00 GMT-0600 (Central Standard Time)
new Date('2018/01/01')
// <- Mon Jan 01 2018 00:00:00 GMT-0600 (Central Standard Time) Les dates ça reste l'un des trucs les plus chiants à gérer dans le développement.
Le coup du SHIFT+SUPPR sur ordi est à peu près impossible à deviner...
Quelques snippets CSS.
J'adore ce genre d'article ! Des petites astuces qui paraissent toute bêtes mais qui ont un réel impact sur le ressenti et le confort d'utilisation d'une app.
Changer les informations sur l'auteur d'un commit à l'aide de git rebase.
Une toolbox pleine de pépites !