Table des matières
11. Que savez-vous du référencement ?
13. Le principe de la délégation événementielle et ses avantages et inconvénients
14. Prototypes, chaînes de prototypes et leurs fonctions en JavaScript.
15. Processus de construction du Webpack et sa stratégie d'optimisation.
16. Deux modes de communication des composants dans Vue.js.
17. Attaques CSRF dans le front-end et leurs stratégies de prévention.
18. Fonction curry en JavaScript.
19. Les fonctions de robots.txt et sitemap.xml en SEO et leurs méthodes de paramétrage.
20. Le principe et les avantages de la liaison de données bidirectionnelle dans Vue.js.
11. Que savez-vous du référencement ?
Le référencement fait référence à l'optimisation des moteurs de recherche, qui peut optimiser le site Web grâce à des algorithmes spécifiques pour les moteurs de recherche afin d'améliorer le classement du site Web dans les moteurs de recherche. Les méthodes d'optimisation incluent la sélection de mots clés, l'établissement d'URL conviviales, etc.
12. Quelles nouvelles technologies et orientations de développement pensez-vous que le front-end aura à l'avenir ?
Les futures technologies frontales accorderont probablement davantage d’attention à l’expérience utilisateur, comme WebVR, WebAR et d’autres technologies. Dans le même temps, le front-end sera également plus étroitement intégré aux technologies back-end, telles que Node.js. De plus en plus d'appareils et de scénarios nécessiteront également une adaptation frontale, et le travail de développement front-end deviendra plus riche et plus diversifié.
13. Le principe de la délégation événementielle et ses avantages et inconvénients
La délégation d'événements fait référence à la liaison du gestionnaire d'événements à l'élément parent et à la capture de tous les événements d'éléments enfants sur l'élément parent via le mécanisme de diffusion d'événements. L'avantage de la délégation d'événements est qu'elle peut éviter le travail répétitif d'ajout de gestionnaires d'événements pour chaque élément enfant, réduire la consommation de mémoire du navigateur et gérer les éléments ajoutés dynamiquement, améliorant ainsi la flexibilité du code ; l'inconvénient est qu'elle peut poser des problèmes. tels que les gestionnaires d'événements ne sont pas déclenchés correctement.
14. Prototypes, chaînes de prototypes et leurs fonctions en JavaScript .
Le prototype en JavaScript fait référence aux propriétés et méthodes partagées d'un objet ; la chaîne de prototypes est une structure de chaîne composée d'objets prototypes et de leurs propriétés. JavaScript est un langage basé sur des prototypes qui utilise des mécanismes de prototypes et de chaînes de prototypes pour réaliser l'héritage d'objets et la réutilisation de propriétés et de méthodes partagées.
15. Processus de construction de Webpack et stratégies d'optimisation.
Le processus de création du webpack comprend principalement des étapes telles que l'analyse des fichiers de configuration, la fusion des configurations, la création de points d'entrée, l'analyse des modules et la sortie des ressources. Les stratégies d'optimisation incluent JS, CSS, images, rendu côté serveur, etc., y compris l'activation du Tree Shaking, l'utilisation du cache, etc.
16. Deux modes de communication des composants dans Vue.js.
Les deux modes de communication des composants dans Vue.js sont les modes Props/emit et Event Bus (bus d'événements).
Le modèle Props/emit signifie que le composant parent transmet les données au composant enfant via des accessoires et que le composant enfant informe le composant parent de mettre à jour son statut via l'événement d'émission.
Le mode EventBus (bus d'événements) fait référence à la réalisation de la communication entre les composants via une instance Vue vide, en utilisant les méthodes $emit et $on pour la livraison d'événements.
17. Attaques CSRF dans le front-end et leurs stratégies de prévention.
L'attaque CSRF (Cross Site Request Forgery) signifie que les pirates utilisent l'identité de connexion de l'utilisateur pour envoyer des requêtes malveillantes au serveur. Les stratégies de prévention incluent l'utilisation de la vérification des jetons, la vérification de la source de la demande et l'utilisation de codes de vérification dans le front-end.
18. Fonction curry en JavaScript.
Le currying de fonctions fait référence au processus de transformation d'une fonction qui accepte plusieurs paramètres en une fonction qui accepte un paramètre et renvoie une nouvelle fonction. Cela nous permet de transmettre certains paramètres à l'avance et de retarder l'exécution de la fonction ou l'exécution du lot à un certain moment. Le currying de fonctions revêt une grande importance dans la programmation fonctionnelle, car il peut rendre le code concis et élégant.
19. Les fonctions de robots.txt et sitemap.xml en SEO et comment les mettre en place .
Robots.txt est un protocole utilisé pour indiquer aux moteurs de recherche comment explorer le contenu de votre site. Vous pouvez spécifier quel contenu est interdit ou autorisé à être exploré par les moteurs de recherche. Sitemap.xml est un protocole utilisé pour indiquer aux moteurs de recherche la structure et le contenu d'un site Web. La méthode de configuration comprend la création d'un fichier dans le répertoire racine du site Web et le remplissage des règles et chemins pertinents, la sélection des options pertinentes dans l'arrière-plan de gestion du site Web, etc.
20. Le principe et les avantages de la liaison de données bidirectionnelle dans Vue.js.
La liaison de données bidirectionnelle dans Vue.js signifie que lorsque le modèle de données change, la vue sera automatiquement mise à jour et que lorsque l'utilisateur opère dans la vue, le modèle de données sera également automatiquement mis à jour. Le principe de la liaison de données bidirectionnelle consiste à utiliser la fonction Object.defineProperty pour surveiller les modifications des données et mettre à jour les vues associées lorsqu'elles changent. Les avantages de la liaison de données bidirectionnelle incluent la réduction du volume de code, l'amélioration de l'efficacité du développement et de la maintenabilité.