Douze dernières questions d'entrevue frontale 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. Quelle est votre méthode de remplacement préférée pour image. ? Comment choisissez-vous de l'utiliser.

Les concepteurs peuvent remplacer le texte original d'un élément par une image d'arrière-plan pour afficher une police plus belle. Méthode d'implémentation 1 : Ajouter une balise span La mise en œuvre de cette technique est très simple : entourer le texte de l'élément d'un span, puis masquer le texte dans ce span en appliquant des styles CSS, et enfin appliquer l'image de fond à l'élément. Par exemple, prenons la balise HTML suivante. 2. Valeur négative de l'attribut text-indent Le concepteur Mike Rundle a proposé une méthode consistant à utiliser la valeur négative de l'attribut text-indent pour pousser le texte au-delà du bord gauche de l'écran. Bien que l'applicabilité de cette solution ne soit pas répandue (IE 5.0 repoussera l'image d'arrière-plan hors du champ de vision du spectateur avec le texte), elle est assez simple et élégante. Inconvénients : Ne résout pas le problème d'accessibilité des pages vierges une fois que le navigateur a désactivé les images ; ne fonctionne parfois pas dans IE 5.0 ;
Importance : la technologie de remplacement d'image conserve le texte original dans l'élément remplacé, donc comprendre le contenu de la page n'est un problème pour aucun client. Considérez principalement le référencement, pas les effets visuels.

2. Comment résoudriez-vous le problème de style d'un navigateur spécifique ?

Le soi-disant problème de compatibilité des navigateurs fait référence à la situation dans laquelle différents navigateurs ont des interprétations différentes du même morceau de code, ce qui entraîne des effets d'affichage de page incohérents. Dans la plupart des cas, notre exigence est que quel que soit le navigateur utilisé par l'utilisateur pour consulter notre site Web ou se connecter à notre système, il doit y avoir un effet d'affichage unifié. Par conséquent, les problèmes de compatibilité des navigateurs sont des problèmes que les développeurs frontaux rencontrent souvent et doivent résoudre.

Avant d'en savoir plus sur la compatibilité des navigateurs, j'aimerais diviser les développeurs front-end en deux catégories :

La première catégorie est constituée des développeurs front-end qui développent avec précision selon les dessins de conception, ce qui peut être considéré comme précis. 1px, ils peuvent facilement trouver les défauts du dessin de conception et, dans de rares cas, ils rencontreront des problèmes de compatibilité du navigateur, et ces problèmes sont souvent causés par des bogues du navigateur, et les pages qu'ils créent sont faciles à maintenir plus tard. . , il y a peu de problèmes de réutilisation du code, et on peut dire qu'il s'agit d'un code relativement stable et fiable.

La deuxième catégorie est constituée des développeurs front-end qui développent essentiellement selon les dessins de conception. De nombreux détails sont très différents, tels que l'espacement, la hauteur des lignes, la position de l'image, etc., qui sont souvent différents de quelques px. La réalisation d'un certain effet est obtenue grâce à des débogages répétés. La raison spécifique pour laquelle cet effet se produit est encore vague et la disposition globale est très fragile. Le moindre changement met les choses en désordre. Je ne sais pas pourquoi le code est écrit de cette façon. Ces développeurs sont souvent confrontés à des problèmes de compatibilité. Après avoir modifié ce navigateur, cela a gâché un autre navigateur. Je l'ai changé encore et encore mais je n'en avais toujours aucune idée. En fait, la plupart des problèmes de compatibilité rencontrés ne doivent pas être imputés au navigateur, mais à leur technologie elle-même.

Cet article s'adresse principalement à la première catégorie, les développeurs rigoureux, nous analysons donc ici principalement les problèmes de compatibilité du point de vue des différences d'analyse des navigateurs. (Articles connexes recommandés : liste de compatibilité CSS 3 et HTML 5 des navigateurs grand public)

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. php site chinois !

Lecture connexe :

Dernières questions d'entretien frontal de 2018 11

Dernières questions d'entretien frontal de 2018 10

Dernières questions d'entretien frontal 2018 9

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!