Interpolation et sécurité des variables JavaScript
Objectifs
À l'issue de cette vidéo, les apprenants sauront :
- Comment utiliser des variables JavaScript contenant du code HTML.
- Les implications de sécurité liées à l'utilisation du préfixe @HTML dans les interpolations.
Résumé
Découvrez comment JavaScript gère les variables contenant du code HTML et les implications en termes de sécurité.
Description
Lorsqu'une variable en JavaScript contient du code HTML, celui-ci n'est pas interprété automatiquement lors d'une interpolation. Pour que le code soit interprété, il faut préfixer le nom de la variable dans l'interpolation par @HTML. Par exemple, nous pouvons définir deux variables, l'une contenant du texte brut et l'autre contenant du code HTML. Ensuite, nous les afficherons avec et sans le préfixe @HTML pour en montrer les effets.
Lorsque le texte brut est affiché, il n'y a pas de différence que l'on utilise le préfixe @HTML ou non. Cependant, pour le texte contenant du code HTML, celui-ci sera affiché de manière textuelle s'il n'est pas précédé du préfixe @HTML. Par contre, si le préfixe est utilisé, le code sera interprété et rendu correctement. Notez que cela peut poser des problèmes de sécurité car du code JavaScript malveillant peut être introduit via un champ de formulaire.
Questions fréquentes
Programme détaillé
Module 1 - Introduction et premiers pas
Module 2 - La syntaxe de base de Svelte
Module 3 - Conditions, boucles et gestion événementielle
Module 4 - Les composants
Module 5 - Slots et Lifecycle hooks
Module 6 - Gestion des formulaires
Module 7 - Les stores de Svelte
Module 8 - Animations et transitions
Module 9 - Une application SPA avec Svelte
Module 10 - SvelteKit
