Stabilisation d'un moteur temps réel multi-composants avec WebSocket partagé
السيناريو
Contexte : Une application analytique en Svelte affiche des événements temps réel dans plusieurs widgets simultanément. Le Problème : Chaque composant ouvre sa propre connexion WebSocket, provoquant une surcharge serveur et des données dupliquées. Contraintes : Vous devez utiliser uniquement les stores natifs Svelte. Aucune librairie externe autorisée. La connexion doit être mutualisée et correctement nettoyée. Code actuel : // Feed.svelte <script> import { onMount } from 'svelte'; let messages = []; onMount(() => { const socket = new WebSocket('wss://example.com/feed'); socket.onmessage = (event) => { messages = [...messages, event.data]; }; }); </script> Livrable attendu : Concevoir une architecture basée sur un store partagé garantissant une seule connexion active et une diffusion réactive vers tous les composants.
المهارات المستهدفة
حالات تطبيقية أخرى في Svelte
- Stabilisation d'une liste dynamique avec clé manquanteأساسي
- Stabilisation d'un store personnalisé provoquant des mises à jour incohérentesمتقدم
- Correction d'un champ non synchronisé avec bind:valueأساسي
- Correction d'un two-way binding mal structuré entre composantsمتقدم
- Correction d'un compteur non réactif dans un composant Svelteأساسي
- Correction d'une condition de concurrence dans un chargement asynchroneمتقدم
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى