Les progrès Web modernes s’appuient souvent sur un chargement efficace de Javascrip Ressources pour offrir un utilisateur transparent Expérience. Comprendre comment ces ressources sont gérées et initialisées est crucial pour les développeurs et ceux qui s’intéressent aux fondements techniques des sites Web.
Plusieurs composants clés sont chargés initialement, y compris les filates pour diverses fonctionnalités comme le suivi de l’utilisation (/util-b69470ac564b1), services de validateur (static/validator-f3b00bc96d618), impression vidéo (static/vidiprinter-e8c9174ecfa73), suppression de la machine virtuelle (static/vm-suppression-9a7148a4170ba), Notifications Web (static/web-notifications-a91a27e944caf), widgets (static/widget-e29945f3a184a static/widget-lite-a450505656ea9, static/widget-loader-a0232be50e094), observation de la fenêtre (static/window-observer-b10f792cfb582), et l’utilisateur feedback mécanismes (static/your-say-3b2bbc5fcf119). Ces fichiers représentent les blocs de construction pour une application Web interactive dynamique et interactive.
L’élément Core de ce processus implique Chargement asynchrone en utilisant le require fonction. Cela permet au navigateur de continuer à traiter d’autres tâches en attendant le téléchargement de fichiers JavaScript.
Voici comment cela fonctionne:
J’ai trouvé que c’est en utilisant Promesses et délais d’expiration Comme c’est un moyen robuste de gérer les opérations asynchrones, empêchant l’application de rester coincé indéfiniment.
Après l’initialisation du SDK, les composants Core de l’application sont loadés et initialisés. require fonction.
* Chargement des composants: Le require Fonction charge trois modules clés: skysports_digrev (le contrôleur d’application principal), sdc-site-pub-sub (un système de messagerie pub / sous-message), et ui-advert-manager (un module de gestion de la publicité).
* Création de l’espace de noms: Un global sdc L’objet est créé s’il ne soit pas déjà exist.
* Pub / sous-initialisation: Le système pub / sous est initialisé, en utilisant le sdc objet comme son contexte.
* Initialisation du gestionnaire de l’annonce: La publicité Manager est initialisé, ciblant un élément spécifique sur la page (.ui-advert-manager).
* ** Initialisation du contrôleur d’application