Première question de l'entretien frontal de 2018

Cette fois, je vous présente les dernières questions d'entretien front-end en 2018. Nous savons que les entretiens sont une partie indispensable du travail front-end. Cette fois, les questions d'entretien front-end courantes sont triées et résumées pour vous aider à obtenir. à travers l'interview frontale. Gros problèmes. , jetons un coup d'oeil.

[Recommandations associées : Questions d'entretien frontales (2020)]

1. Pouvez-vous décrire le flux de travail lorsque vous créez une page Web ?

Analyse de contenu : distinguer la hiérarchie et les relations logiques du contenu affiché sur le réseau

Conception structurelle : écrire un code de structure HTML raisonnable

Conception de mise en page : utiliser la mise en page html+css

Conception de style : Première utilisation reset.css

Conception d'interaction : Effets de souris

ComportementConception : code js, comportement des pages ajax et obtention des données du serveur

Test de compatibilité optimiser les performances ;

2. Si vous avez 5 feuilles de style différentes, quelle est la meilleure façon de les intégrer dans le site Web

Écrivez les styles selon les règles de nommage des classes, comme ceci ? Les styles ne seront pas en conflit. Les styles communs sont extraits et fusionnés, et les styles non publics sont sélectionnés séparément. Ensuite, emballez-le et compressez-le. Si chaque fichier est volumineux, il doit être chargé en modules.

3. Pouvez-vous décrire la différence entre une amélioration progressive et une dégradation gracieuse ?

 .transition{
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.transition{
transition:all .5s;
-o-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
}

Amélioration progressive : recherche de versions inférieures Le navigateur est utilisé pour construire la page afin d'assurer les fonctions les plus basiques. , puis des améliorations et des fonctions supplémentaires telles que des effets et des interactions sont apportées aux navigateurs avancés afin d'obtenir une meilleure expérience utilisateur. (Commencez avec les fonctionnalités de base prises en charge par tous les navigateurs et ajoutez progressivement des fonctionnalités qui ne sont prises en charge que par les navigateurs modernes, en ajoutant des styles et des fonctionnalités supplémentaires à la page qui sont inoffensifs pour le navigateur de base. Lorsque les navigateurs les prennent en charge, ils se présenteront et fonctionneront automatiquement. )

Dégradation gracieuse : créez des fonctionnalités complètes depuis le début, puis rendez-les compatibles avec les versions inférieures des navigateurs. (Le site Web fonctionne correctement dans tous les navigateurs modernes. Si l'utilisateur utilise un navigateur plus ancien, le code vérifie qu'il fonctionne correctement. En raison des problèmes de mise en page uniques du modèle de boîte d'IE, des hacks pour différentes versions d'IE ont été implémentés pour rétrograder gracieusement, en ajoutant des alternatives pour les navigateurs qui ne peuvent pas prendre en charge les fonctions, afin que l'expérience puisse être rétrogradée sous une certaine forme sur les navigateurs plus anciens sans échouer complètement)

La différence : la dégradation gracieuse commence à partir d'un statut complexe. quo et tente de réduire l'offre d'expérience utilisateur, tandis que l'amélioration progressive commence à partir d'une version très basique et fonctionnelle et continue de s'étendre pour s'adapter aux besoins de l'environnement futur.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Intégration continue de Jenkins+Node.js

Analyse pratique de l'écriture de projets de composants React

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!