Table des matières
41. Prototype d'objet (Prototype) et héritage (Héritage) en JavaScript.
43. Fonctions de hook de cycle de vie dans Vue et leurs scénarios d'application.
44. Module et chargeur de module en JavaScript.
45. DOM virtuel dans React et ses fonctions.
46. Mécanisme de collecte des déchets et sa mise en œuvre en JavaScript.
47. Chaîne prototype en JavaScript et ses fonctions.
48. Les méthodes d'appel et d'application en JavaScript et leurs différences.
49. Qu'est-ce que la boucle événementielle (Event Loop) et son rôle ?
41. Prototype d'objet ( Prototype) et héritage ( Héritage) en JavaScript .
Le prototype d'objet en JavaScript est un moyen de décrire les objets et les relations d'héritage. Chaque objet possède un prototype. L'objet prototype équivaut à définir un ensemble de propriétés et de méthodes partagées pour l'objet. L'héritage signifie que les sous-classes peuvent utiliser les propriétés et les méthodes de la classe parent via la chaîne de prototypes. Il existe de nombreuses façons d'hériter en JavaScript, notamment l'héritage de chaîne de prototypes, l'héritage de constructeur, l'héritage combiné, etc.
42. Mécanisme de mise en cache du navigateur, y compris la mise en œuvre spécifique d'une mise en cache renforcée et d'une mise en cache négociée.
Le mécanisme de mise en cache du navigateur fait référence aux ressources ou données de mise en cache du navigateur qui ont été obtenues pour améliorer la vitesse de réponse et réduire le trafic réseau.
Les mécanismes de mise en cache du navigateur sont divisés en deux types : la mise en cache forte et la mise en cache négociée.
Une mise en cache forte signifie que le navigateur obtient préférentiellement les données du cache local. S'il existe dans le cache local et n'a pas expiré, le cache local sera utilisé directement sans demander de données au serveur.
Une mise en cache renforcée peut être obtenue en définissant l’en-tête de réponse Expires ou Cache-Control.
La mise en cache négociée signifie que lorsque le cache fort expire, le navigateur envoie une requête au serveur et le serveur détermine si les données ont été mises à jour. En cas de mise à jour, les dernières données sont renvoyées, sinon un code d'état 304 Non modifié est renvoyé. La négociation de la mise en cache peut être réalisée en définissant les en-têtes de réponse ETag et Last-Modified.
43. Fonctions de hook de cycle de vie dans Vue et leurs scénarios d'application.
Les fonctions de hook de cycle de vie dans Vue font référence à des fonctions exécutées à différentes étapes du composant, y compris huit fonctions de hook beforeCreate, créée, beforeMount, montée, beforeUpdate, mise à jour, beforeDestroy et détruite. Les scénarios d'application des fonctions de hook de cycle de vie incluent l'initialisation des données, le chargement des données, la mise à jour des données, la destruction des données, l'écoute des événements, l'exécution d'animations, etc.
44. Module et chargeur de module en JavaScript . _
La modularisation en JavaScript fait référence à la division du code en modules indépendants, ce qui est bénéfique pour organiser la structure du code et améliorer l'efficacité du développement. Un chargeur de module en JavaScript est une bibliothèque JavaScript spéciale utilisée pour charger et analyser dynamiquement des modules. Les chargeurs de modules JavaScript couramment utilisés incluent RequireJS, SeaJS, SystemJS, etc.
45. DOM virtuel dans React et ses fonctions .
Le DOM virtuel dans React est une structure de couche intermédiaire qui utilise des objets JavaScript pour représenter de vrais objets DOM. Il est utilisé pour optimiser les opérations DOM et améliorer l'efficacité du rendu. Les fonctions de Virtual DOM incluent le raccourcissement du temps de rendu, l'amélioration des performances des pages, la réduction de la consommation de ressources, la réduction du redessinage et de la redistribution, etc.
46. Mécanisme de collecte des déchets et sa mise en œuvre en JavaScript .
Le mécanisme de récupération de place en JavaScript est un moyen de gérer automatiquement la mémoire et est utilisé pour détecter et effacer les objets et les variables qui ne sont plus utilisés afin d'éviter les fuites de mémoire et le gaspillage de ressources. Les stratégies de récupération de place en JavaScript incluent l'effacement des marques, le comptage de références et la collecte générationnelle. Différentes stratégies de récupération de place sont adaptées à différents scénarios et exigences.
47. Prototype Chain et ses fonctions en JavaScript .
La chaîne de prototypes en JavaScript fait référence à la relation parent-enfant entre les objets. Chaque objet a un prototype. L'objet prototype équivaut à définir un ensemble de propriétés et de méthodes partagées pour l'objet. La fonction de la chaîne de prototypes est de trouver et d'utiliser les propriétés et méthodes de l'objet parent dans l'objet enfant, réalisant ainsi l'héritage et la réutilisation de l'objet et fournissant un support de base pour la programmation orientée objet.
48. Les méthodes d'appel et d'application en JavaScript et leurs différences .
Les méthodes call et apply en JavaScript sont deux méthodes permettant de modifier dynamiquement le pointeur this d'une fonction. La fonction peut être appelée en tant que méthode d'un objet ou à l'aide d'un objet prototype. La différence entre call et apply réside dans les différentes manières de transmettre les paramètres. La méthode call transmet les paramètres un par un, tandis que la méthode apply transmet les paramètres dans un tableau.
49. Qu'est-ce qu'Event Loop et son rôle ?
La boucle d'événements (Event Loop) est un mécanisme en JavaScript permettant de traiter du code asynchrone et est utilisée pour garantir une exécution simultanée sous le modèle monothread de JavaScript.
La fonction de la boucle d'événements est de récupérer en continu les événements à exécuter dans la file d'attente d'exécution et d'exécuter les fonctions de rappel correspondantes, réalisant ainsi l'exécution séquentielle de code asynchrone.
Il vérifie en permanence s'il y a des événements à exécuter dans la file d'attente d'exécution et, si c'est le cas, les supprime et les exécute. Dans le cas contraire, il attend que de nouveaux événements soient ajoutés à la file d'attente. Le mécanisme de boucle d'événements peut être compris à travers les concepts de macro-tâches et de micro-tâches. Pour une implémentation spécifique, veuillez vous référer à la spécification ECMAScript et aux normes d'implémentation du navigateur.
50. Qu'est-ce que CORS ( partage de ressources inter-domaines) ? Comment gérer les requêtes inter-domaines CORS ?
CORS est une technologie de navigateur qui permet à un serveur de permettre aux clients de différents noms de domaine de s'envoyer des requêtes inter-domaines.
CORS peut être implémenté en ajoutant des attributs tels que Access-Control-Allow-Origin et Access-Control-Allow-Methods dans l'en-tête de réponse HTTP. Lors du traitement des requêtes inter-domaines CORS, il y a généralement les étapes suivantes :
● Le serveur définit des en-têtes de réponse tels que Access-Control-Allow-Origin et Access-Control-Allow-Methods.
● Le client envoie une requête OPTIONS pour obtenir les informations d'autorisation inter-domaines du serveur, puis envoie une véritable requête inter-domaine.
● Le serveur reçoit la requête inter-domaine du client et répond conformément aux règles inter-domaines définies.