Cinquième question de la dernière entrevue frontale de 2018

Cette fois, je vous présente les dernières questions d'entretien frontal en 2018. Nous savons que les entretiens sont une partie essentielle du travail frontal. Cette fois, les questions courantes d'entretien frontal sont triées et résumées. vous aider à passer à travers le processus initial. L'entretien est un grand défi. Jetons un coup d'oeil.

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

1. Veuillez nommer trois façons de réduire le temps de chargement des pages. (Le temps de chargement fait référence au temps perçu ou au temps de chargement réel)

1. Réduisez les requêtes HTTP
2. Fusionnez et compressez les fichiers Js/css
3. 🎜 >4. Activez gzip côté serveur ;
5. Grâce au CDN, les utilisateurs peuvent obtenir les ressources dont ils ont besoin à proximité, avec une vitesse d'accès et une stabilité garanties
6. Gardez le JS et le CSS externes en bas7. Faites fonctionner le DOM le moins possible. Certains DOM qui nécessitent des opérations répétées peuvent être placés dans des variables

2. Veuillez décrire les pseudo-éléments (pseudo-éléments) et leurs utilisations.

la pseudo-classe est utilisée pour sélectionner des informations qui n'existent pas dans l'arborescence DOM et qui ne sont pas facilement trouvées par les sélecteurs conventionnels : hover :active :focus :link

le pseudo-élément est utilisé pour appliquer certains effets spéciaux Ajouter au sélecteur ; tels que :

:before
::after Les pseudo-éléments sont utilisés pour exprimer des éléments non textuels et décoratifs, ce qui est propice à la sémantique du HTML
;

3. Avez-vous de l'expérience avec la compatibilité des écrans Retina ? Si oui, quelle technologie est utilisée et où ?

Bibliothèque lib-flexible de Taobao ;

4. Pourquoi devriez-vous utiliser Translate() au lieu de la

position absolue, ou vice versa ? Pourquoi? En termes d'animation, la transformation peut permettre au GPU de participer aux calculs, ce qui entraîne un FPS plus élevé ; l'unité d'animation minimale absolue est de 1 px, et la transformation peut être plus petite pour rendre l'animation plus fluide

. Sous d'autres perspectives En d'autres termes, l'absolu doit avoir une boîte parent relative

5. Comment organisez-vous votre code ? Dois-je utiliser le modèle de module ou la méthode d’héritage classique ? (C'est la réponse après Baidu)

Interne : mode module

Externe : héritage

6. Explication de la fonction foo() {} et var foo = function() {} La différence d'utilisation

1. La déclaration de fonction doit avoir un nom de fonction, 2. Elle peut être appelée n'importe où, c'est-à-dire qu'il y a une promotion de variable

3.

Expression de fonction
Les deux noms avant et après peuvent être identiques ou différents ; 4. Le nom après l'expression de fonction peut être omis 5. ; 6. La fonction ne peut être utilisée qu'après avoir été déclarée Appel

7. Veuillez expliquer comment fonctionne JSONP et pourquoi ce n'est pas du vrai Ajax.

json est un format de données ; jsonp est une méthode d'appel de données

1 Profitez du fait que la balise de script n'a pas de restrictions inter-domaines, créez une balise de script dans le fichier. script, et l'adresse pointe vers une API tierce, telle que

L'attribut src n'est pas soumis aux restrictions inter-domaines)
2. Fournissez une
fonction de rappel
pour recevoir des données ; les données générées par le tiers sont un package de données json, sous forme de rappel ( {"name": "hax", "gender": "Male"} ), la fonction de rappel peut passer callback=fn3 via le paramètre URL De cette façon, le navigateur appellera la fonction de rappel et transmettra le. objet json analysé en tant que paramètre. Le script de ce site Web peut traiter les données entrantes dans la fonction de rappel ; ajax obtient essentiellement des informations sur le serveur via Vous maîtrisez la méthode des cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !
Lecture connexe :

Dernières questions d'entretien frontal de 2018, quatre

Dernières questions d'entretien frontal de 2018, trois

Dernières questions d'entretien frontal de 2018, deux

Dernières questions d'entretien frontal de 2018, un

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!