{count}
\n\nNettoyer correctement l'interval afin d'éviter toute fuite mémoire lors du démontage du composant.","learningResourceType":"Practice problem","educationalLevel":"medium","teaches":["svelte","lifecycle","memory","interval","performance"],"programmingLanguage":"Svelte","provider":{"@type":"Organization","name":"CodeDuel","url":"https://codeduel.net"},"step":[{"@type":"HowToStep","text":"تحليل المطلوب والعناصر الموجودة."},{"@type":"HowToStep","text":"تنفيذ الحل."},{"@type":"HowToStep","text":"التحقق عبر الاختبارات والذكاء الاصطناعي."}],"url":"https://codeduel.net/ar/challenges/HXPXUoboKoit13ooP9Ot","inLanguage":"ar"}Correction d'une fuite mémoire liée à un interval non nettoyé
السيناريو
Contexte : Un composant Svelte affiche une donnée mise à jour toutes les secondes via setInterval. Le Problème : Lors de la navigation, l'interval continue de s'exécuter en arrière-plan. Contraintes : Utiliser onMount et onDestroy. Aucune librairie externe. Code actuel : <script> import { onMount } from 'svelte'; let count = 0; onMount(() => { setInterval(() => { count += 1; }, 1000); }); </script> <p>{count}</p> Livrable attendu : Nettoyer correctement l'interval afin d'éviter toute fuite mémoire lors du démontage du composant.
المهارات المستهدفة
حالات تطبيقية أخرى في Svelte
- Correction d'un rendu conditionnel mal structuréأساسي
- Correction d'une condition de concurrence avancée dans un store asynchroneخبير
- Correction d'une variable dérivée non réactiveأساسي
- Correction d'une fuite mémoire liée à des abonnements multiples aux storesخبير
- Création d'un composant Card paramétrableأساسي
- Implémentation d'un système de cache intelligent avec invalidation contrôléeخبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى
