Avant l'entrevue, je suis aussi allé à Niuke pour lire beaucoup d'interviews à titre de référence. Le contenu de l'interview est en fait indissociable de ceux mentionnés dans les entretiens. De nombreuses occurrences fréquentes sont fondamentalement nécessaires pour connaître et comprendre. Dans l'esprit de chacun pour moi et je le suis pour tout le monde, je partage également ici les questions qui m'ont été posées pour votre référence.
Un côté (1,5, 50 min):
1. Auto-introduction (projet, CV)
2. L'utilisation du label pour
3. data-src = à quoi il sert [non]
4. données - * 【Non】
5, affichage CSS: bloc inline-block inline 区别
6. Comment obtenir la disposition à trois colonnes avec la même largeur
6, flex [non]
7. Questions de code, liste chaînée inversée [obliger l'intervieweur à demander, faites-le après l'invite]
8. Questions d'ordre de sortie JS
9. Pourquoi existe-t-il un nœud DOM virtuel et quel est le problème du fonctionnement direct du nœud DOM?
10. Concevoir un v-dom et une fonction de rendu
## 二 面 （50min）:
1. Si je suis un novice / programmeur front-end qui n'a utilisé que js et jquery natifs, comment me donner une vue sur Amway
2. Comment enregistrer le plug-in Vue et comment concevoir l'interface du plug-in [Non]
3. Que se passe-t-il lorsque vous entrez une URL sur la page d'affichage
4. Mise en cache et accélération CDN [non]
5. Comment le navigateur rend-il les fichiers html css js, que l'on rend en premier? [Pas clair]
6. Le code de synchronisation js prend une longue boucle, bloquera-t-il l'exécution du code suivant?
7. Le kième nœud à partir du bas du problème d'algorithme
8. Comment utiliser d3.js avec vue
Trois côtés (1,8, 50 min):
Auto-introduction et expérience. . .
1. Concevoir un appel de fonction asynchrone [non]
2. Il y a trois couleurs de caméléons blanc, gris et noir sur l'île. Deux caméléons de couleurs différentes passeront à la troisième couleur en même temps lorsqu'ils se rencontreront. Lorsque le nombre de caméléons des trois couleurs est de 10, 14, et 15, ils peuvent changer, sont-ils des caméléons de la même couleur?
[Solution générale donnée par l'invite de l'intervieweur]
1.11 surface HR.
J'ai parlé d'expérience, de spécialisation universitaire, de planification, de temps d'entrée, etc.
## 1.15
J'ai reçu l'offre ~
Enfin
Avant l'entrevue, j'ai passé trois mois à brosser un grand nombre de questions d'entrevue de grandes entreprises. Je les ai récemment triées et classées. Le contenu principal comprend html, css, JavaScript, ES6, réseau informatique, navigateur, ingénierie, modularisation, Node. Js , framework, structure de données, optimisation des performances, projets, etc.
Contient les questions posées lors d'entretiens avec des sociétés Internet de première ligne telles que Tencent, ByteDance, Xiaomi, Ali, Didi, Meituan, 58, Pinduoduo, 360, Sina, Sohu, et couvre les points technologiques frontaux juniors et intermédiaires.
Le partager avec tout le monde gratuitement est un retour de remerciement. Vous pouvez obtenir les détails à la fin de l'article par vous-même!
HTML
- Nouvelles fonctionnalités HTML5, sémantique
- Mode standard et mode bizarre du navigateur
- La différence entre xhtml et html
- Avantages de l'utilisation des données
- balise meta
- Toile
- Balises HTML obsolètes
- Bogue IE6, et quelques écritures de positionnement
- emplacement et raison du placement css js
- Qu'est-ce que le rendu progressif
- langage de modèle html
- Le principe de la méta-fenêtre
CSS
- Modèle de boîte, dimensionnement de la boîte
- Nouvelles fonctionnalités CSS3, pseudo-classes, pseudo-éléments, pseudo-classes d'ancrage
- CSS réalise le moyen de masquer la page
- Comment réaliser un centrage horizontal et un centrage vertical.
- Parlez de position, affichage
- Veuillez expliquer la fonction de * {box-sizing: border-box;} et expliquer les avantages de son utilisation
- Problèmes et solutions causés par les éléments flottants? Positionnement absolu et positionnement relatif, la valeur d'affichage de l'élément après flottement
- La différence entre link et @import en introduisant le CSS
- Expliquer la flexbox de css3 et les scénarios applicables
- La différence entre inline et inline-block
- Quels sont les éléments de niveau bloc, ce sont des éléments de niveau ligne et quelles sont les caractéristiques de chacun
- disposition de la grille
- Le rôle de la mise en page de la table
- Quels sont les moyens d'obtenir une mise en page à deux colonnes?
- css dpi
- Connaissez-vous la différence entre attribut et propriété
- problème de mise en page css? Comment le CSS réalise-t-il une disposition en trois colonnes? Et s'il est adaptatif au milieu?
- Comment réaliser la mise en page de flux, comment réaliser la mise en page réactive
- Plan d'aménagement mobile
- Réaliser une disposition à trois colonnes (disposition du Saint Graal, disposition des ailes volantes doubles, disposition flexible)
- Principe de compensation du flotteur
- Quels sont les inconvénients du débordement: caché?
- Est le pourcentage de remplissage par rapport à la largeur du parent ou à sa propre largeur
- animation css3, la différence entre transition et animation, propriétés d'animation, accélération et simulation de gravité
- Comment faire pivoter des images dans CSS 3 (transformer: faire pivoter)
- sass moins
- Que savez-vous du développement mobile? (Conception réactive, Zepto; @media, viewport, plateforme de jugement d'expression régulière JavaScript.)
- Qu'est-ce que BFC et comment créer BFC? Quel problème résout-il?
- Unités de longueur en CSS (px, pt, rem, em, ex, vw, vh, vh, vmin, vmax)
- Quelle est la priorité des sélecteurs CSS?
- Lutin
- svg
- Quel est le principe de la requête média?
- Le chargement du CSS est-il asynchrone? Où est la performance?
- Quels sont les problèmes de compatibilité du navigateur fréquemment rencontrés? Techniques de piratage courantes
- Fusion de marge
- Expliquez la différence entre deux points et deux points simples dans ":: before" et ": after"
JS
- Quels sont les types de base de js? Quels sont les types de référence? La différence entre null et undefined.
- Comment déterminer si une variable est de type Array? Comment déterminer si une variable est de type Number? (Plus d'un type)
- Object est-il un type de référence? Quelle est la différence entre les types de référence et les types de base? Lequel est sur le tas et lequel est sur la pile?
- API d'opération DOM commune JS
- Expliquer le bouillonnement d'événements et la capture d'événements
- Délégation d'événement (exemple manuscrit), bouillonnement et capture d'événement, comment arrêter le bouillonnement? Comment organiser les événements par défaut?
- Compréhension des fermetures? Quand une fermeture est-elle formée? Comment mettre en place des fermetures? Avantages et inconvénients des fermetures?
- Quels sont les scénarios d'utilisation pour cela? Quelle est la différence entre cela en C et Java? Comment changer la valeur de cela?
- appeler ， appliquer ， lier
- Afficher le prototype et le prototype implicite, la chaîne de prototypes dessinés à la main, quelle est la chaîne de prototypes? Pourquoi y a-t-il une chaîne de prototypes
- Plusieurs façons de créer des objets
- Plusieurs façons d'implémenter l'héritage et avantages et inconvénients
- Que fait spécifiquement un nouvel objet
- Ajax manuscrite, XMLHttpRequest
- Promotion variable
- Illustrer un cas d'utilisation typique d'une fonction anonyme
- Soulignez la différence entre les objets hôtes JS et les objets natifs. Pourquoi n'est-il pas recommandé d'étendre les objets intégrés JS? Quels sont les objets intégrés et les fonctions intégrées?
- La différence entre attribut et propriété
- La différence entre le chargement de document et le document DOMContentLoaded
- === 和 ==, [] === [], undefined === undefined, [] == [], undefined == undefined
- Quelles valeurs peuvent être obtenues
- Qu'est-ce que "use strict", les avantages et les inconvénients
- Quelle est la portée de la fonction? Combien de portées a js?
- Comment JS implémente la surcharge et le polymorphisme
- API de tableau couramment utilisée, API de chaîne
- Liaison d'événements natifs (cross-browser), la différence entre dom0 et dom2?
- Donné un élément pour obtenir ses coordonnées par rapport à la fenêtre de vue
- Comment implémenter le chargement paresseux du défilement des images
- Quelles sont les méthodes de type chaîne js? Comment utiliser les fonctions d'expressions régulières?
- Copie profonde
- Ecrire une fonction d'écoute d'événement générale
- Configuration et acquisition des cookies côté Web
- L'ordre d'exécution de setTimeout et promise
- Quels sont les modèles de flux d'événements JavaScript?
- objet, emplacement et historique du navigateur
- mécanisme de récupération de place js
- Causes et scénarios de fuites de mémoire
- Plusieurs façons de lier des événements DOM
- La différence entre target et currentTarget dans les événements DOM
- La différence entre typeof et instanceof, le principe d'instanceof
- Comparaison de l'animation js et de l'animation css3
- Compte à rebours JavaScript (setTimeout)
- js gère les exceptions
- les modèles de conception js les connaissent
- La réalisation du diagramme de carrousel, ainsi que le développement du composant de diagramme de carrousel, le processus de carrousel de 10000 images
- Le principe de fonctionnement et le mécanisme de websocket.
- Quel est l'événement lorsque mon doigt touche l'écran tactile?
- Qu'est-ce que la fonction curry? Et quelles sont les applications de JS API à la réalisation du currying de fonctions? (Une certaine compréhension de la fonction de currying, ainsi que de l'application de la * programmation fonctionnelle, a finalement parlé de la fonction de liaison et de la méthode de réduction de tableau dans JS utilisant la fonction de currying.)
- Débogage de code JS
Cadre
- Quels frameworks avez-vous utilisés?
- Quelle est la relation entre zepto et jquery, y a-t-il un lien?
- Comment le code source jquery implémente le sélecteur, pourquoi l'objet obtenu par $ est conçu pour être sous la forme d'un tableau, et quel est le but de cette conception
- Comment jquery lie les événements, il existe plusieurs types et différences
- Qu'est-ce que MVVM, MVC, MVP
- Le principe de la liaison de données bidirectionnelle entre Vue et Angular
- Vue, communication angulaire entre composants et principes de routage
- Le cycle de vie de react et vue
- Algorithme dom virtuel et diff de react et vue
- vue 的 observer ， watcher ， compiler
- Pour quel type d'entreprise React et Angular sont-ils utilisés? La différence entre les performances et le niveau MVC
- Quelle est la différence entre l'objet jQuery et l'élément JS
- Comment l'objet jQuery est implémenté
- En plus de jQuery encapsule certaines méthodes, qu'est-ce qui vaut la peine d'apprendre et d'utiliser?
- Que fait $ ('xxx') de jQuery
- Présentez comment le système de grille de bootstrap est implémenté
Concernant le navigateur
- Cross-domain, pourquoi JS limitera le cross-domain
- Sécurité frontale: xss, csrf ...
- Comment le navigateur charge-t-il la page? Quelle est la solution au blocage de script? Quelle est la différence entre defer et async?
- Navigateur forte mise en cache et mise en cache de négociation
- Quelles sont les variables globales du navigateur
- Combien de ressources le navigateur peut-il télécharger à partir d'un nom de domaine en même temps
- Chargement à la demande, critères de jugement des éléments pour différentes pages
- Utilisation et différence de stockage Web, cookies, localstroge, etc.
- Noyau du navigateur
- Comment implémenter le mécanisme de mise en cache? (De 200 cache, à cache à etag puis à)
- Parlez de la compréhension et de la différence entre 200 et 304
- Qu'est-ce que le préchargement et le chargement paresseux?
- Combien d'états une instance XMLHttpRequest possède-t-elle?
- Le principe de la résolution DNS, comment trouver le serveur après avoir entré l'URL
- Comment le serveur vous connaît-il?
- Processus de rendu du navigateur
- Quelques problèmes de compatibilité de ie
- session
- Glisser déposer
- Démonter chaque partie de l'url
Le document complet des questions d'entretien est tiré à la fin de l'article gratuitement.
ES6
- Parlez de promesse
- Connaissez-vous toutes les fonctionnalités de l'ES6? Si vous rencontrez quelque chose et que vous ne savez pas si c'est ES6 ou ES5, comment le distinguez-vous
- Quelle est la différence entre l'héritage ES6 et l'héritage ES5
- package de promesse ajax
- Avantages de let const
- Qu'est-ce qu'un générateur ES6 et le principe de l'implémentation async / await
- La différence entre ES6 et la spécification modulaire commonjs de node
- Fonction de flèche, et c'est ça
réseau informatique
- Quelles sont les parties importantes de l'en-tête du protocole HTTP, du code d'état HTTP
- Comment faire une entrée d'URL réseau en sortie?
- Pourquoi l'optimisation des performances devrait-elle réduire le nombre de visites HTTP?
- Le processus et le principe de la requête Http
- Combien de poignée de main et de vague de https (oui https)? Le principe de https.
- Combien de fois http agite-t-il et serre-t-il la main? Le nom chinois de TLS? À quelle couche réseau se trouve TLS?
- Les caractéristiques de la connexion TCP, comment assurer la sécurité et la fiabilité de la connexion TCP?
- Pourquoi la connexion TCP nécessite-t-elle une poignée de main à trois, n'est-ce pas deux fois?
- Pourquoi tcp serre-t-il la main trois fois et agite-t-il quatre fois?
- Prise de contact à trois et vague de tcp quatre fois pour dessiner une image (écrivez les valeurs de ack et seq sur place)?
- La différence entre TCP et UDP
- La différence entre obtenir et publier? Quand est-il utilisé?
- Quelle est la différence entre http2 et http1?
- Websocket
- Qu'est-ce qu'un flux TCP et qu'est-ce qu'un flux http
- Comment Babel compile-t-il le code ES6 en ES5
- Connexion persistante et pipeline HTTP2
- Est-ce que la résolution de nom de domaine TCP ou UDP
- Divergence de domaine et convergence de domaine
- Où le fichier est-il placé lorsque vous publiez un fichier?
- Que contient l'en-tête de réponse HTTP?
Ingénierie
- Savez-vous quelque chose sur Webpack, gulp, grunt, etc.?
- Comment configurer les fichiers d'entrée Webpack et comment fractionner plusieurs entrées.
- La différence entre le chargeur et les plugins de Webpack
- L'utilisation spécifique de gulp.
- La compréhension de l'ingénierie frontale, comment implémenter vous-même un empaquetage de fichiers, tel qu'un fichier JS qui est écrit dans ES5 et ES6 en même temps, comment les compiler et être compatible avec eux
Modulaire
- Connaissez-vous AMD, CMD, CommonJS?
- Pourquoi modulariser? Comment écrire du code lorsqu'il n'est pas utilisé et lors de l'utilisation de RequireJs?
- Parlez-moi des bibliothèques modulaires Avez-vous déjà compris l'histoire du développement modulaire?
- Parlons des scénarios d’application de la modularisation synchrone et asynchrone, respectivement, et du principe de la modularisation asynchrone d’AMD.
- Comment modifier toute la syntaxe du module requis dans le projet pour importer la syntaxe ES6?
- Lorsque vous utilisez le chargement modulaire, quel est l’ordre de chargement des modules? Si vous ne savez pas, que pensez-vous que l’ordre devrait être basé sur les connaissances existantes?
Nodejs
- Connaissez-vous nodejs
- Quelle est la relation entre Express et koa et quelle est la différence?
- À quel type d'entreprise nodejs convient-il?
- Quelle est la différence entre nodejs, php et java
- Quelle est la différence entre Stream et Buffer dans Nodejs?
- Comment le problème asynchrone du nœud est-il résolu?
- Comment le nœud parvient-il à une concurrence élevée?
- Parlez du principe de la boucle d'événements Nodejs
Structure de données
- Structure de données de base: (tableau, file d'attente, liste liée, tas, arbre binaire, table de hachage, etc.)
- 8 algorithmes de tri, principes, scénarios applicables et complexité
- Dites-m'en plus, meilleure sera la réalisation de la séquence de Fibonacci?
Optimisation des performances
- Quelle est l'utilisation de cdn? Quand est-il utilisé?
- Optimisation de la page du navigateur?
- Comment optimiser les performances des opérations DOM
- Quelles sont les solutions de référencement pour les applications d'une seule page?
- Le premier écran d'une application d'une seule page est lent. Quelle est la raison? Quelle est la solution?
autre
- Expression régulière
- Avantages et inconvénients du rendu front-end et du rendu back-end
- Quatre caractéristiques de la base de données, qu'est-ce que l'atomicité, la relation entre les tables
- À votre avis, à quoi devrait ressembler le système frontal?
- Une ressource statique doit être en ligne, et il y a diverses dépendances de ressources, comment allez-vous en ligne en douceur
- Si vous deviez implémenter un moteur de template frontal, que feriez-vous
- Connaissez-vous les requêtes multimédias en streaming?
- SEO
- Quelle est la différence entre mysql et mongoDB?
- explication de la méthode reposante
- Connaissance de la base de données, connaissance du système d'exploitation
- Click a un retard de 300 ms sur iOS, la raison et comment le résoudre
- Adaptation du terminal mobile, rem + media query / meta header setting
- Gestes et événements sur le terminal mobile;
- Compréhension de l'encodage Unicode, Utf8, GBK, la solution du brouillage
Suggérer
-
Ne montrez pas que vous souhaitez créer une entreprise pendant l'entrevue. Frappez au tableau.
-
Si vous n'avez jamais lu le code source, il est recommandé de commencer avec du code source tel que jQuery et zepto. Plus tard, vous pourrez comprendre les idées de code source et l'implémentation des fonctions communes de Vue et React.
-
Lorsque vous décrivez l'expérience du projet, vous n'avez pas besoin d'être trop détaillé, choisissez simplement les points clés.