[À lire absolument pour la recherche d'emploi front-end] Questions et réponses sélectionnées pour les entretiens de développement front-end_Questions étendues

Question

Quel est le problème technique le plus difficile que vous ayez rencontré ? Comment l'avez-vous résolu ?

Quelles sont les bibliothèques couramment utilisées ? Outils de développement front-end couramment utilisés ? Quelles applications ou composants avez-vous développés ?

Comment reconstruire la page ?

Énumérez les fonctionnalités qui différencient IE des autres navigateurs ?

Quel livre dit que 99% des sites Web doivent être restructurés ?

Qu'est-ce que la dégradation gracieuse et l'amélioration progressive ?

Quels sont les moyens utilisés par les applications WEB pour transmettre activement les données du serveur vers le client ?

Vous avez votre propre opinion sur les avantages et les inconvénients de Node ?

* (Avantages) Parce que Node est piloté par les événements et non bloquant, il est très approprié pour gérer les requêtes simultanées.
Par conséquent, les serveurs proxy construits sur Node fonctionnent bien mieux que les serveurs implémentés par d'autres technologies (telles que Ruby).
De plus, le code client qui interagit avec le serveur proxy Node est écrit dans le langage javascript,
Le client et le serveur sont donc écrits dans le même langage, ce qui est une très belle chose.

* (Inconvénients) Node est un projet open source relativement nouveau, il n'est donc pas stable, il change constamment
et ne prend pas suffisamment en charge les bibliothèques tierces. Cela ressemble à quoi Ruby/Rails ressemblait à l'époque.

De quelles méthodes d'optimisation des performances disposez-vous ?

(Voir les 14 principes d'optimisation des performances de Yahoo).

(1) Réduire le nombre de requêtes http : Sprites CSS, JS, compression du code source CSS, contrôle approprié de la taille de l'image Gzip, hébergement CDN, cache de données, serveur d'images ;

(2) Modèle frontal JS + données pour réduire le gaspillage de bande passante causé par les balises HTML. Le front-end utilise des variables pour enregistrer les résultats des requêtes AJAX. Chaque fois qu'il utilise des variables locales, il n'est pas nécessaire de demander, ce qui réduit le nombre. de requêtes

(3) Utilisez innerHTML au lieu des opérations DOM. Réduisez le nombre d'opérations DOM et optimisez les performances JavaScript.

(4) Lorsqu'il y a de nombreux styles à définir, définissez className au lieu d'utiliser directement le style.

(5) Utilisez moins de variables globales et mettez en cache les résultats de la recherche de nœuds DOM. Réduisez les opérations de lecture d’E/S.

(6) Évitez d'utiliser l'expression CSS (expression css), également connue sous le nom de propriétés dynamiques (propriétés dynamiques).

(7) Préchargement de l'image, mettre la feuille de style en haut et le script en bas plus l'horodatage.

(8) Évitez d'utiliser un tableau dans la mise en page principale de la page. Le tableau ne sera pas affiché tant que le contenu n'est pas complètement téléchargé. L'affichage est plus lent que la mise en page div+css.

Quels sont les codes de statut http ? Que signifient-ils?

100-199 est utilisé pour spécifier certaines actions que le client doit entreprendre en conséquence.
200-299 est utilisé pour indiquer une demande réussie.
300-399 sont utilisés pour les fichiers qui ont été déplacés et sont souvent inclus dans les informations d'en-tête d'emplacement pour spécifier les nouvelles informations d'adresse.
400-499 est utilisé pour indiquer les erreurs des clients. 400 1. La sémantique est incorrecte et la requête actuelle ne peut pas être comprise par le serveur. 401 La requête en cours nécessite une authentification de l'utilisateur. 403 Le serveur a compris la requête mais a refusé de l'exécuter.
500-599 est utilisé pour prendre en charge les erreurs du serveur. 503 – Service indisponible

Que se passe-t-il dans le processus depuis la saisie de l'URL jusqu'à la fin du chargement et de l'affichage d'une page ? (Plus le processus est détaillé, mieux c'est)

Rechercher dans le cache du navigateur
Résolution DNS, trouver l'adresse IP correspondant au nom de domaine, rediriger (301), émettre une deuxième requête GET
Mener une session de protocole HTTP
Le client envoie un en-tête (Requête en-tête)
En-tête de feedback du serveur (en-tête de réponse)
Le téléchargement du document html commence
L'arborescence du document est établie et le fichier avec le type MIME spécifié est requis en fonction de la demande de marque
Le fichier est affiché
[
Le travail effectué par le navigateur est grossièrement divisé en étapes suivantes ：

Chargement : effectuez la résolution du nom de domaine en fonction de l'URL demandée, lancez une requête au serveur et recevez des fichiers (HTML, JS, CSS, images, etc.).

Analyse : effectuez une analyse syntaxique sur les ressources chargées (HTML, JS, CSS, etc.) et suggérez les structures de données internes correspondantes (telles que l'arborescence HTML DOM, la table attributaire JS (objet), les règles de style CSS, etc.)
}

En plus du front-end, connaissez-vous d'autres technologies ? Quelle est votre plus grande compétence ?

Quels sont vos outils de développement couramment utilisés et pourquoi ?

Comment comprenez-vous le poste d’ingénieur interface front-end ? Quelles sont ses perspectives ?

Le front-end est le programmeur le plus proche de l'utilisateur, plus proche que le back-end, la base de données, le chef de produit, l'exploitation et la sécurité.
1. Réaliser l'interaction de l'interface
2. Améliorer l'expérience utilisateur
3. Avec Node.js, le front-end peut réaliser certaines choses côté serveur

Le front-end est le programmeur le plus proche de l'utilisateur, et la capacité de le front-end est de faire évoluer le produit de 90 points à 100 points, voire mieux,

Participer au projet, réaliser rapidement le rendu avec une haute qualité, précis à 1px

Communiquer avec les membres de l'équipe, UI design, chef de produit ;

Bonne structure de page, reconstruction de page et expérience utilisateur ;

Gérer les hacks, être compatible et écrire de beaux formats de code ;

Optimiser le serveur et adopter la dernière technologie front-end ;

Que pensez-vous des heures supplémentaires ?

Faire des heures supplémentaires, c'est comme emprunter de l'argent. Le principe devrait être------d'aider l'urgence, pas les pauvres

Comment gérez-vous habituellement vos projets ?

La première équipe doit déterminer le style global (globe.css), le mode d'encodage (utf-8), etc.

Les habitudes d'écriture doivent être cohérentes (par exemple, elles utilisent toutes l'écriture par héritage et les styles uniques sont écrits en un seul line);

Écriture des styles d'annotation Personnes, chaque module est marqué dans le temps (là où les appels de style clés sont marqués);

les pages sont marquées (par exemple, le module de page commence et se termine)

JS divisé en dossier); pour enregistrer les gens avec la fonction JS comme traduction quasi-anglaise

Les images utilisent autant que possible le fichier au format PNG8 Images.png pour utiliser autant que possible l'architecture concurrente ?

Parlons de certaines des choses les plus populaires récemment ? Quels sites Web visitez-vous souvent ?

Node.js, Mongodb, npm, MVVM, MEAN, three.js

Comment améliorer l'expérience utilisateur sur le terminal mobile (Android IOS) ?

Lignes verticales visuelles claires, regroupement d'informations, soustraction ultime,
Utilisation Choisissez une saisie alternative, une disposition des étiquettes et du texte,

S'appuyer sur du texte clair pour confirmer les mots de passe, une utilisation raisonnable du clavier,

Quel rôle jouez-vous dans l'équipe actuelle et quel rôle évident jouez-vous ?

Pour vous, qu'est-ce qu'un développeur Full Stack ?

Présentez l’une de vos œuvres dont vous êtes la plus fière ?

Quels sont vos points forts ? Quels sont les inconvénients ?

Comment manager une équipe front-end ?

Qu'avez-vous appris récemment ? Pouvez-vous parler de vos projets pour les 3 ou 5 prochaines années ?

Vous souhaitez poser une question sur l'entreprise ?

Posez une question à l'entreprise :

Quelles sont les dernières technologies web front-end (orientations de développement futures) auxquelles vous prêtez actuellement attention ?

Comment fonctionne l'équipe front-end (le processus de mise en œuvre d'un produit) ?

Quelle est la structure salariale de l’entreprise ?

Answer 1

Professeur, pardonnez-moi de poser une question qui n'a rien à voir avec ce titre ! Je ne trouve personne qui puisse m'aider, pardonnez-moi s'il vous plaît !

La nouvelle société est principalement responsable du convoyeur à bande de l'usine. Il existe un logiciel pour la surveillance en temps réel de la machine, la collecte de données et la surveillance par caméra de la zone de l'usine de l'unité ! Ceux-ci sont téléchargés sur le serveur. Veuillez recommander le type de configuration de serveur requis pour une telle exigence ! Je suis intéressé par un processeur avec 4 cœurs, 8 Go de mémoire et une vitesse réseau de 10 Mbps. Je ne sais pas comment cela fonctionne. Merci de le recommander.