Les balises, étiquettes, imbriquées sans scrupules, augmentant les chances de rechercher des recherches de robots, en utilisant des scripts CSS et JS de chaîne externe, la séparation des performances structurelles, le téléchargement de fichiers et les pages plus rapidement, le contenu est accessible par plus d'utilisateurs, le contenu peut être consulté et les codes de contenu et les codes de contenu et Les composants accessibles par des appareils plus répandus sont faciles à maintenir et à modifier.
Quelle est la différence entrexhtml et html
HTML est un langage de conception Web de base.
L'élément XHTML doit être imbriqué correctement.
Les éléments XHTML doivent être fermés.
L'étiquette doit être une lettre minuscule.
Les documents XHTML doivent avoir des éléments radiculaires.
3.Doctype?
Utilisé pour déclarer le document en utilisant cette spécification (HTML / XHTML) Généralement, le document HTML avec un cadre excessif strict basé sur le cadre est déclenché par l'instruction XML, et la méthode d'analyse est modifiée en bug IE5.5 avec IE5.5.
4. Quels sont les éléments de la ligne?
Élément de niveau de bloc: Div P H1 H2 H3 H4 FORME UL
Élément de la ligne: ab br i span entrée select
Modèle de boîte CSS: Contenu, bordure, marge, rembourrage
5. Quelles sont les façons d'introduire BYCSS?
Interne et interne interne interne interne dans-link guide
Différence: chargement en même temps
Le premier n'est pas compatible, le second ne prend pas en charge le navigateur en dessous de CSS2.1
Link prend en charge l'utilisation de JavaScript pour modifier le style, qui ne peut pas être
6. Quels sont les symboles de sélection choisis?
Comment calculer?
Lequel des internes et importants est élevé?
TAG SELECTION SYLLABUS SELECTION ID ID Sélection du caractère
L'héritage n'est pas aussi bon que l'ID spécifié> Classe> Sélection d'étiquette
Ce dernier est une priorité élevée
7. Quelles sont les trois couches de la page avant et quelles sont les différences?
La couche de structure HTML représente la couche CSS Couche de comportement JS
8. La composition de base de la phrase OFCSS?
Sélecteur {Propriétés 1: Valeur 1;
9. Quelles sont les pages que vous avez faites?
Quel est le noyau?
IE (IE Kernel) Gecko (Webkit) Open (Presto)
10. Écrivez plusieurs solutions à IE6 Bug
1. Utiliser l'affichage causé par le flotteur de bug bilatérale
Le problème de 2,3 pixels utilise la grisation: en ligne -3px causée par le flotteur
3. Howl Link survole après avoir cliqué sur le lien de commande d'écriture correct visité Hover Active
4.ie Le problème Z-IDEX ajoute la position: relative
5. Png Transparent Use JS Code Changement
6. Min-Height Hauteur minimale! Solution importante '
7.Sélectionnez à couvrir avec Iframe Nesting sous IE6
8. Pourquoi n'y a-t-il aucun moyen de définir le conteneur de largeur environ 1px (IE6 Ligne par défaut
Causé par plus: caché, zoom: 0,08 hauteur de ligne: 1px)
11. Quelle est la différence entre le titre et la propriété Alt sur l'étiquette?
Alt est représenté par le texte lorsque l'image ne s'affiche pas.
Le titre fournit des informations pour cet attribut
12. Décrivez le rôle et l'utilisation de la réinitialisation CSS.
Réinitialiser réinitialiser les variétés de navigateur d'attribut par défaut CSS du navigateur,
Différents styles, puis réinitialisez-le, laissez-les unifier
13. Expliquez comment utiliser les sprites CSS.
Le CSS ELF intègre un tas de petites images dans une grande image,
Réduire le nombre de demandes sur le serveur
14. Quelle est la différence entre le mode standard et le mode étrange du navigateur?
Mode de rendu modèle différent dans la boîte
Utilisez Window.top.Document.
Peut afficher pourquoi le mode
15. Comment optimiser les documents et les ressources du site Web?
Fusion de fichiers
Fichier minimiser / compression de fichiers
Hébergement CDN
Utilisation du cache
16. Qu'est-ce qu'un HTML sémantique?
La conscience de l'étiquette est bonne pour la saisie du moteur de recherche
17. Plusieurs façons de supprimer les chars, leurs avantages et inconvénients respectifs
1. Utilisez l'étiquette vide pour effacer le clair flottant: les deux (théoriquement claire peut être clair
Toute étiquette ,,, ajouter des étiquettes dénuées de sens)
2. Utilisez le débordement: Auto (élément d'étiquette vide pour supprimer le flotteur sans
N'augmentez pas les inconvénients du code involontaire, utilisez Zoom: 1 pour compatible IE)
3. Flacer clair avec des éléments pseudo afert (pour le navigateur non -ie)
Javascrip1. Quels types de données du type de JavaScript renvoient
Fonction du numéro d'objet booléen sous-fin
2. Exemple 3 Conversion de type obligatoire et 2 Conversion de type caché?
Obligatoire (parseint, parsefloat, numéro)
Caché (== - ===)
3. La différence entre wlit () join ()
Le premier est la forme de coupe en groupe, et le second est de convertir le tableau en une chaîne
4. Méthode du tableau pop () push () Unsich () shift ()
Ajouter une queue pop () Supprimer à la queue de push ()
La tête unsith () ajoute Shift () Head Supprimer
5. Quelles sont les différences entre la liaison des événements et les événements ordinaires
6. Différent du flux d'événements Flow et DOM
1. L'ordre d'exécution est différent,
2. Les paramètres sont différents
3. N'ajoutez pas l'événement
4. Ahis pointant le problème
7. Quelles sont les méthodes d'écriture compatibles sous l'II et les normes
Var ev = ev || window.event
Document.DocumentElement.ClientWidth ||
Var cible = ev.srcelement ||
8. La différence entre les méthodes GET et POST lors de la demande
L'un est placé dans le transporteur virtuel derrière l'URL
Il y a des restrictions de taille
question de sécurité
Différentes applications sont des forums et ainsi de suite.
9. La différence entre l'appel et l'application
Object.Call (This, obj1, obj2, obj3)
Object.apply (ceci, arguments)
Lorsque la demande de 10.ajax, comment expliquer les données JSON
EVAL Parse est plus fiable à utiliser Parse compte tenu des considérations de sécurité
11.b comment hériter d'un
12. Écrivez une fonction pour obtenir un style non linéaire
Function getStyle (obj, attr, value) {if (! Value) {if (obj.currenstyle) {return obj.currenstyle (att)} else {obj.getComputestyle (att, false)}} else {obj.style [att, ] = Valeur}}13. Quelle est la commission de l'incident
Laissez le principe de bouillonner dans l'événement, laissez les événements déclenchés, laissez son élément parent être effectué!
14. Quelle est la fermeture, quelles sont les caractéristiques et l'impact sur la page
La fermeture est une fonction qui peut lire d'autres variables internes d'autres fonctions.
1. Enregistrer la variable I à chaque objet de paragraphe (P)
1. Fonction init1 () {
2. Var pry = document.getElementsByTagName (p);
3. Pour (var i = 0; i <prry.length; i ++) {
4. Pary [i] .i = i;
5. Pary [i] .OnClight = function () {
6. Alerte (this.i);
7.}
8.}
9.}
2. Enregistrer la variable I dans la fonction anonyme elle-même
1. Fonction init2 () {
2. Var pry = document.getElementsByTagName (p);
3. Pour (var i = 0; i <prry.length; i ++) {
4. (Pary [i] .Onclight = function () {
5. Alerte (arguments.callee.i);
6.}).
7.}
8.}
3. Ajouter une fermeture d'une couche de fermeture, je la transmet à la fonction de couche interne sous la forme d'un paramètre de fonction
1. Fonction init3 () {
2. Var pry = document.getElementsByTagName (p);
3. Pour (var i = 0; i <prry.length; i ++) {
4. (fonction (arg) {
5. Pary [i] .OnClight = function () {
6. Alerte (arg);
7.};
8.}) (i);
9.}
10.}
4. Ajouter une fermeture d'une couche de fermeture, je la transmet à la fonction de couche interne sous la forme d'une variable locale
1. Fonction init4 () {
2. Var pry = document.getElementsByTagName (p);
3. Pour (var i = 0; i <prry.length; i ++) {
4. (fonction () {
5. Var Temp = I;
6. Pary [i] .OnClight = function () {
7. Alerte (temp);
8.}
9.}) ();
10.}
11.}
5. Ajoutez une fermeture d'une couche et renvoyez une fonction d'événement de réponse (faites attention à la différence subtile par rapport à 3)
1. Fonction init5 () {
2. Var pry = document.getElementsByTagName (p);
3. Pour (var i = 0; i <prry.length; i ++) {
4. Pary [i] .OnClight = fonction (arg) {
5. return function () {// renvoie une fonction
6. Alerte (arg);
7.}
8.} (i);
9.}
10.}
6. Pour l'implémentation avec la fonction, en fait, chaque instance de fonction générera une fermeture
1. Fonction init6 () {
2. Var pry = document.getElementsByTagName (p);
3. Pour (var i = 0; i <prry.length; i ++) {
4. Pary [i] .Onclight = nouvelle fonction (alert (+ i +););
5.}
6.}
7. Mettez en œuvre avec la fonction, faites attention à la différence par rapport à 6
1. Fonction init7 () {
2. Var pry = document.getElementsByTagName (p);
3. Pour (var i = 0; i <prry.length; i ++) {
4. Pary [i] .Onclight = function ('alert (' + i + ')');
5.}
6.}
15. Comment arrêter les événements de bouillonnement et les événements par défaut des incidents
Cancebubble return faux
16. Ajouter à Supprimer et remplacer la méthode d'insertion dans un certain contact
obj.appendchidl ()
obj.innerset avant
obj.replacechild
obj.removechild
17. Expliquez le principe de JSONP, et pourquoi ce n'est pas le vrai Ajax
Créer dynamiquement une étiquette de script, fonction de rappel
AJAX est une opération de données de demande de rafraîchissement sans port
18. L'objet local de JavaScript, objet construit -in et objet hôte
L'objet local est le tableau obj regexp, etc.
L'objet construit est Gload Math, etc.
Document, fenêtre, etc. que l'hôte est livré avec le navigateur
19. La différence entre la charge de document et le document prêt
Document.onload est l'exécution de JS après avoir chargé la structure et le style
Document.Peady Native Species n'a pas cette méthode, JQuery a disponible
$ ().
20. == et === Différent
Le premier convertira automatiquement le type
Ce dernier ne sera pas
21. Stratégie homologue de Javascript
Un script ne peut lire que les attributs de Windows et des documents à partir des mêmes sources,
La même source ici fait référence à la combinaison du nom d'hôte, de l'accord et du numéro de port
22. Écrivez une façon de se lourder pour le tableau
Fonction osort (arr)
{{
var result = {};
var newarr = [];
pour (var i = 0; i <arr.length; i ++)
{{
if (! Result [arr])
{{
newarr.push (arr)
résultat [arr] = 1
}
}
Retourner newarr
}
23. Sélecteur de médias
@Media (Min-Width: 992PX) et (max-largeur: 1199px)
Écran @Media et (largeur min: 768px)
HTML & CSS
1. Quels sont les tests de navigateur couramment utilisés? Quels grains (moteur de mise en page)?
(Q1) BROCKER: IE, Chrome, Firefox, Safari, Opera.
(Q2) Kernel: Trident, Gecko, Presto, Webkit.
2. En parlant des différences entre les éléments de liaison descendante et les éléments de niveau de bloc? Quelle est la compatibilité de l'élément de bloc intérieur? (IE8 ci-dessous)
(Q1) In-Line Elements: Il sera organisé dans la direction horizontale, qui ne peut pas inclure des éléments au niveau du bloc, et la largeur n'est pas valide.
La hauteur n'est pas valide (vous pouvez régler la hauteur de ligne), la marge n'est pas valide, le rembourrage n'est pas valide.
Éléments de niveau de bloc: chacun occupe une ligne et la direction verticale est disposée. Depuis la fin de la nouvelle ligne, on a été déconnecté.
(Q2) Compatibilité: Affichage: Block en ligne; * Affichage: en ligne; * Zoom: 1;
3. Quelles sont les façons de supprimer les chars? Quel est le meilleur?
(Q1)
(1) Définition de la hauteur Div.
(2) Étiquette de div vide à la fin.
(3) Family Div Définition Pseudo: After et Zoom.
(4) Définition du débordement: caché.
(5) Définition du débordement: Auto: Auto.
(6) La div parent flotte également et doit définir la largeur.
(7) Définition Affichage: Tableau.
(8) Ajouter une balise BR Clear: les deux à la fin.
(Q2) C'est mieux pour la troisième méthode.
4. Quels sont les attributs couramment utilisés le dimensionnement de la boîte de réception? Quel est le rôle?
(Q1) Box-Size: Content-Box |
(Q2) Content-Box: La largeur et la hauteur sont appliquées à la boîte de contenu de l'élément, respectivement.
Dessinez l'intérieur et la bordure de l'élément en dehors de la largeur et de la hauteur (l'effet par défaut de l'élément).
Border-box: tout intérieur et cadre spécifié dans l'élément sera configuré
Dessiner la largeur et la hauteur. Une diminution de la largeur et de la hauteur de l'ensemble respectivement
Seule la largeur et la hauteur de la teneur peuvent être obtenues par la frontière et la distance intérieure.
5.Doctype? Quelles sont les différences entre le mode standard et le mode de compatibilité?
(Q1)>!
Analyse standard de ce document. Doctype n'existe pas ou des formats incorrects provoqueront du texte
Le fichier est présenté en mode compatible.
(Q2) Le mode de composition et le mode de fonctionnement JS du mode standard sont les plus pris en charge par le navigateur
Fonctionnement standard élevé. En mode compatible, la page est lâche et arrière
Montrez que le comportement des anciens navigateurs de simulation est utilisé pour empêcher le site de ne pas être en mesure de travailler.
6.html5 Pourquoi ne doit pas écrire>!
HTML5 n'est pas basé sur SGML, il n'est donc pas nécessaire de référencer DTD, mais
Besoin de doctype pour réguler le comportement du navigateur (laissez le navigateur les suivre
Il doit être exécuté).
HTML4.01 est basé sur SGML, il doit donc être référencé à DTD
Informez le type de documentation utilisée dans le document du navigateur.
7. Lorsque la page est importée, quelle est la différence entre l'utilisation de lien et @Import?
(1) Le lien appartient à l'étiquette XHTML.
Pour définir RSS, définir le rôle des attributs de connexion REL, etc.;
Pour l'alimentation, il ne peut être utilisé que pour charger CSS;
(2) Lorsque la page est chargée, le lien sera chargé en même temps, et @Import cite
Le CSS attendra que la page soit chargée avant le chargement;
(3) L'importation est proposée par CSS2.1.
Le lien est l'étiquette XHTML, qui n'est pas compatible;
8. Présentez votre compréhension du noyau du navigateur?
Principalement divisé en deux parties: moteur de rendu (ingénieur de mise en page ou
Moteur de rendu) et moteurs JS.
Moteur de rendu: responsable de l'obtention du contenu de la page Web (HTML, XML, image, etc.),
Trier le message (comme l'ajout de CSS, etc.) et la méthode d'affichage pour calculer la page Web,
Sortie ensuite à l'affichage ou à l'imprimante. Autre noyau du noyau du navigateur
L'interprétation grammaticale de la page Web sera différente, donc l'effet du rendu est différent.
Tous les navigateurs Web, les clients de messagerie et autres doivent être modifiés,
Les applications qui affichent le contenu du réseau nécessitent le noyau.
JS Engine: Analysez et exécutez JavaScript pour réaliser l'effet dynamique de la page Web.
Au début, le moteur de rendu et le moteur JS ne l'ont pas distingué clairement.
Avec de plus en plus indépendant, le noyau a tendance à se référer aux moteurs de rendu.
9. Quelles sont les nouvelles fonctionnalités de HTML5? Comment gérer le navigateur et la nouvelle étiquette de HTML5
Cela pourrait-il être remis en question? Comment distinguer HTML et HTML5?
(Q1)
HTML5 n'est plus le sous-ensemble de SGML, principalement sur l'augmentation des fonctions telles que les images, les positions, le stockage et les multiples tâches.
(1) la toile de peinture;
(2) éléments vidéo et audio utilisés pour le milieu;
(3) Données locales de stockage local de stockage hors ligne Pendant longtemps, les données ne sont pas perdues après la fermeture du navigateur;
(4) Les données de SessionStorage sont automatiquement supprimées après la fermeture du navigateur;
(5) Meilleurs éléments de contenu, tels que l'article, le pied de page, l'en-tête, la navigation, la section;
(6) Contrôle du formulaire, calendrier, date, heure, e-mail, URL, recherche;
(7) Travailleur Web New Technology, WebSocket, géologie;
(Q2)
IE8 / IE7 / IE6 prend en charge les étiquettes générées par document.CreateElement.
Vous pouvez utiliser cette fonctionnalité pour permettre à ces navigateurs de prendre en charge la nouvelle étiquette de HTML5.
Une fois que le navigateur a pris en charge la nouvelle étiquette, le style par défaut de l'étiquette doit également être ajouté.
Bien sûr, vous pouvez également utiliser des cadres matures, tels que HTML5Shim;
> - [si lt ie 9] <] <
> Script <src = http://html5shim.googlecode.com/svn/trunk/html5.js>/script <
>! [Endif] - <
10. Décrivez brièvement votre compréhension de la sémanisation HTML?
Faites la bonne chose avec la bonne étiquette.
HTML Semantic a un contenu structuré et une structure plus claire, ce qui est pratique pour les navigateurs et les moteurs de recherche;
Même s'il n'y a pas de style CSS, il est affiché dans un format de document, et il est facile à lire;
L'ampleur du moteur de recherche dépend également de la marque HTML pour déterminer le poids du contexte et les mots clés de chaque mot-clé, qui est propice au SEO;
Cela rend les gens qui lisent le code source plus facile pour séparer le site Web du site Web, afin qu'il soit facile de lire la maintenance et la compréhension.
Javascrip
1. Introduire le type de données de base de JS
Undefined, null, booléen, numéro, chaîne
2. Quels sont les objets construits de JS?
Objets d'emballage de données: objet, tableau, booléen, numéro, chaîne
Autres objets: fonction, arguments, mathématiques, date, regexp, erreur
3. Compréhension de l'objet Athis
Cela fait toujours référence à l'appelant direct de la fonction (plutôt qu'à l'appelant indirect);
S'il y a de nouveaux mots clés, cet objet pointe vers le nouveau;
Dans l'incident, cela indique l'objet de l'incident.
Ceci dans attachEvent pointe toujours vers la fenêtre d'objet global;
4. Que fait Eval?
Sa fonction est de résoudre la chaîne de caractères correspondante en code JS et d'exécuter;
EVAL doit être évité, dangereux et très consommateur (2 fois, résolu en déclarations JS à la fois, une exécution).
Lorsqu'il est converti à partir de la chaîne JSON en l'objet JSON, vous pouvez utiliser EVAL, var obj = ev ('+ str +') ');
5. Comment ajouter, supprimer, déplacer, copier, créer et trouver des nœuds
// Créer un nouveau nœud
CreatedocumentFraagment () // Créer un fragment DOM
createElement () // Créez un élément spécifique
createTextNode () // Créer un nœud de texte
// ajouter, supprimer, remplacer, insérer
APPENDCHILD ()
Removechild ()
RempaceChild ()
insertFore () // insérer un nouveau sous-nœud avant le nœud enfant existant
// Trouver
GetElementsByTagName () // via le nom de l'étiquette
GetElementsByName () // La valeur de la propriété du nom de l'élément
(IE La capacité de tolérance aux défauts est forte et un tableau sera obtenu, y compris l'ID est égal à la valeur du nom)
GetElementById () // via l'élément ID, l'unicité
6. La différence entre null et indéfinine?
Null est un objet qui ne fait rien, qui est 0 lors de la valeur de la valeur;
La valeur d'origine qui n'indique rien est nan lorsqu'elle se transforme en valeur.
indéfini:
(1) Les variables sont déclarées, mais lorsqu'il n'y a aucune affectation, il est égal à non défini.
(2) Lors de l'appel de la fonction, les paramètres qui doivent être fournis ne sont pas fournis.
(3) Il n'y a pas d'attribut de l'objet, et la valeur de cet attribut n'est pas définie.
(4) Lorsque la fonction ne renvoie pas la valeur, l'indéfini est renvoyé par défaut.
nul:
(1) En tant que paramètre de la fonction, le paramètre de la fonction n'est pas un objet.
(2) la fin de la chaîne primaire de l'objet.
7. Que fait le symbole de fonctionnement?
(1) Créer un objet vide, et cette variable fait référence à l'objet,
Dans le même temps, le prototype de la fonction a également été hérité.
(2) Les attributs et méthodes sont ajoutés à l'objet référencé par cela.
(3) L'objet nouvellement créé est cité par cela, et le type final caché le renvoie.
8. Compréhension JSON?
JSON (notation d'objet JavaScript) est une sorte de lumière
Format d'échange de données en surpoids. Il s'agit d'un sous-ensemble de JavaScript.
Le format de données est simple, facile à lire et à écrire, et occupe une petite bande passante.
Format: utilisez des paires de valeurs clés, par exemple: {'age': '12', 'name': 'back'}
9. Les différences et fonctions de l'appel () et appliquent ()?
La fonction applique () a deux paramètres: le premier paramètre est le contexte, le second
Le paramètre est un tableau composé du paramètre. Si le contexte est nul, utilisez plutôt l'objet global.
Tels que: function.apply (ceci, [1,2,3]);
Le premier paramètre de l'appel () est le contexte et la séquence de paramètres suivante passée par instances.
Tels que: function.Call (ceci, 1,2,3);
10. Comment obtenir UA?
fonction whatBrowser () {
document.browser.name.value = navigator.appname;
document.browser.version.value = Navigator.Appversion;
document.browser.code.value = Navigator.AppCodeName;
document.browser.agent.value = Navigator.UserAgent;
}
autre
1. Que sait le code d'état DOHTTP?
100 Continue continue, généralement lors de l'envoi de demandes de poste, il a été envoyé
Après l'en-tête HTTP, le serveur renverra ces informations pour indiquer la confirmation, puis enverra des informations de paramètre spécifiques
200 ok Informations de retour normales
La demande créée 201 a été réussie et le serveur a créé de nouvelles ressources
202 Le serveur accepté a accepté la demande, mais n'a pas été traité
La page Web demandée par 301 déplacée en permanence a définitivement transféré à un nouveau poste.
302 trouvé une redirection temporaire.
303 Voir d'autres rediriger temporairement et utilisez toujours Get pour demander un nouvel URI.
304 Non Modification n'a pas été modifié depuis la dernière demande.
Le serveur 400 Bad Request ne peut pas comprendre le format de la demande et le client ne doit pas essayer d'utiliser le même contenu pour lancer à nouveau une demande.
401 Les demandes non autorisées ne sont pas autorisées.
403 interdit à l'accès.
404 non trouvé ne peut pas trouver de ressource qui correspond à l'URI.
Erreur de serveur la plus courante de l'erreur Internet 500.
503 Service Le serveur indisponible est temporairement incapable de traiter les demandes (probablement surchargées ou la maintenance).
2. Quels types de méthodes d'optimisation des performances avez-vous?
(1) Réduire le nombre de demandes HTTP: CSS Sprites, JS, CSS Code source Compression, grande image
Le petit contrôle est approprié; la page Web GZIP, l'hébergement CDN, le cache de données, le serveur d'images.
(2) Les données JS + du modèle avant avant sont réduites à la bande passante en raison de l'étiquette HTML.
La variable frontale enregistre les résultats de la demande AJAX.
(3) Utiliser InnerHTML pour remplacer l'opération DOM, réduire le nombre d'opérations DOM et optimiser les performances de JavaScript.
(4) ClassName est défini lorsque de nombreux styles que vous devez configurer au lieu d'un style de fonctionnement directement.
(5) Utilisez les résultats des variables globales et des nœuds DOM de cache. Réduisez l'opération de lecture IO.
(6) Évitez d'utiliser l'expression de CSS (expression CSS), également connue sous le nom de propriétés dynamiques.
(7) Pré-charge de l'image, mettez la table de style en haut, mettez le script en bas et ajoutez un horodatage.
3. Qu'est-ce que l'élégant rétrogradation et l'amélioration progressive?
Relégation élégante: les sites Web peuvent fonctionner normalement dans tous les nouveaux navigateurs.
L'ancien navigateur à modelé est utilisé et le code vérifiera s'ils peuvent fonctionner normalement.
En raison du problème de la disposition unique du modèle de boîte d'IE, pour différentes versions de la pratique du piratage de IE
L'élégance a été rétrogradée, ajoutant le plan candidat pour les navigateurs qui ne peuvent pas prendre en charge la fonction,
Faites-en une expérience de relégation dans l'ancien navigateur sous une forme ou une autre, mais il ne sera pas complètement invalidé.
Amélioration de la remise des diplômes: à partir des fonctions de base prises en charge par tous les navigateurs, ajoutez progressivement ceux
La fonction de seuls nouveaux navigateurs est prise en charge, ajoutant une quantité inoffensive du navigateur de base à la page
Style et fonction externes. Lorsque le navigateur prend en charge, ils présenteront et joueront automatiquement un rôle.
4. Quelles opérations communes peuvent provoquer une fuite de mémoire?
La fuite de la mémoire signifie que tout objet existe toujours après que vous ne possédez plus ou n'en avez plus besoin.
Le dispositif de récupération des ordures scanne régulièrement l'objet et calcule le nombre d'autres objets de chaque objet.
Si le nombre de références d'un objet est 0 (aucun autre objet n'a cité l'objet),
Ou la seule référence à l'objet est circulaire, alors la mémoire de l'objet peut être recyclée.
Le premier paramètre du setTimeout utilise une chaîne au lieu d'une fonction, ce qui entraînera une fuite de mémoire.
Fermeture, journal de console, cycle (lorsque deux objets se citent et se retiennent mutuellement, un cycle sera généré)
5. La différence entre le thread et le processus
Il y a au moins un processus dans un programme et un processus a au moins un thread.
L'échelle de division du thread est inférieure au processus, ce qui rend la complication des programmes multi-thread.
De plus, le processus a une unité de mémoire indépendante pendant l'exécution et plusieurs threads partagent la mémoire,
En conséquence, l'efficacité de l'opération du programme est considérablement améliorée.
Le thread est toujours différent du processus pendant l'exécution. Chaque fil indépendant a un programme
Sortie des séquences et séquences et séquences de séquençage. Mais les fils ne peuvent pas être indépendants
L'exécution doit être effectuée en fonction de l'application de plusieurs threads dans l'existence de l'application.
D'un point de vue logique, la signification du multi-étage est que dans une application, il y a plusieurs exécutions
La pièce peut être exécutée en même temps. Mais le système d'exploitation ne considère pas plusieurs threads comme multiples indépendants
Applications pour réaliser la planification et la gestion des processus et l'allocation des ressources. C'est le processus et le fil
Différences importantes.
Front-Fend Development Engineer Face Test Question JavaScript
1. Les méthodes qui peuvent être utilisées dynamiquement pour modifier le contenu de la couche sont (AB)
a) innerhtml
b)
c) réaliser par la cachette et l'affichage de la couche de réglage
d) Afficher les attributs de l'attribut de style de la couche de couche
2. Lorsque vous appuyez sur le clavier A, le résultat de l'impression Event.Keycode avec l'événement Onkeydown est (a)
a) 65
b) 13
c) 97
d) 37
3. Dans JavaScript, les options suivantes ne sont pas une méthode de tableau (b);
a) srier ()
b) longueur ()
c) Concat ()
d) reverse ()
4. Laquelle des options suivantes peut être utilisée pour récupérer le numéro d'index de l'option sélectionnée?
a) handicapé
b) SelectedIndex
c) Option
d) multiple
5. J'espère que l'image a la même fonction du bouton de soumission.
a) Soumettre manuellement dans l'événement onclick de l'image
b) Ajouter un événement onSubmit à l'image
c) Soumettre manuellement dans l'événement onSubmit de l'image
d) Soumettre automatiquement dans le formulaire
6. Le code qui fait le calque DIV et la zone de texte est correct (D);
UN)
B)
C)
D)
7. Dans les options suivantes, la description correcte est (sélectionnez deux éléments). (ANNONCE)
a) options.Add (nouvelle option ('a', 'a')) peut ajouter dynamiquement une option de liste de drop -down
b) option.add (nouvelle option ('a', 'a')) peut ajouter dynamiquement une option de liste de drop -down
c) Nouvelle option ('a', 'a') 'a' représente la valeur de l'option de liste, 'a' est utilisé pour s'afficher sur la page
d) Nouvelle option ('a', 'a') 'a' représente la valeur de l'option de liste, 'a' est utilisé pour s'afficher sur la page
8. var emp = nouveau tableau (3);
pour (var i dans emp)
Dans les réponses suivantes, il peut être remplacé par le code de boucle pour (sélectionnez un). (D)
A for (var i = 0; i
B pour (var i = 0; i
C pour (var i = 0; i
D pour (var i = 0; i
9. Lorsque la fonction de fabrication d'une classe est appelée (a) incident de la zone de liste de drop -down.
a)
b) onfocus
c) sélectionné
d) onclick
10. Dans les instructions suivantes du tableau, la mauvaise option est (c).
a) var arry = nouveau array ()
b) var arry = nouveau tableau (3)
c) var arry [] = nouveau tableau (3) (4)
d) var arry = nouveau tableau ('3', '4')
11. Lequel des attributs suivants peut atteindre la cachette de couche?
A) Affichage: FALS
b) Affichage: caché
c) Affichage: aucun
d) Affichage:
12. Laquelle des options suivantes n'est pas une méthode d'objet de document?
a) focus ()
b) getElementByid ()
c) getElementsByName ()
d) bgcolor ()
13. Lequel des éléments suivants appuie sur l'événement du clavier (AB)
a) onkeydown
b) onkeypress
c) Keycode
d) OnMouseover
14. Le but de JavaScript de vérifier la vérification du formulaire est (b)
a) Soumettez les informations correctes de l'utilisateur au serveur
b) Vérifiez les données soumises que les données doivent respecter la réalité
c) Rendre la page belle et généreuse
d) Réduire la pression du côté serveur
15. La valeur couramment utilisée de la valeur d'attribut d'affichage n'inclut pas (c)
a) en ligne
b) Bloquer
c) caché
d) Aucun
16. Les instructions suivantes sur l'attribut Pixeltop et l'attribut supérieur sont correctes. (D)
a) Tous les attributs des objets de localisation
b) Les valeurs de retour lors de l'utilisation sont toutes une chaîne
c) tous renvoient la valeur des pixels
d) Ce qui précède n'est pas juste
17. Utilisez la méthode ouverte pour ouvrir la fenêtre avec des outils de navigateur, des colonnes d'adresse, des barres de menu.
a) ouvert (x.html, hi, bas à outils = 1, barre de défilement = 1, statut = 1);
b) Open (salut, barres de défilement = 1, local = 1, statut = 1);
c) Open (x.html, status = oui, menuBar = 1, local = 1);
d) Open (x.html, hi, bas à outils = oui, menuBar = 1, local = 1);
18. Le code fermé ci-dessous est correct (c)
a) document.getElementByidx_x_x_x (mydiv) .style.display = aucun;
b) document.getElementByidx_x_x_x (mydiv) .style.display = aucun;
c) document.getElementByidx_x_x_x (mydiv) .style.display = aucun;
d) document.getElementByidx_x_x_x (mydiv) .style.display == Aucun;
19. Pourquoi utiliser la disposition Div + CSS
Séparation de formulaire et de contenu
Réduisez considérablement le code de la page et augmentez la vitesse de la navigation de page
La structure est claire, ce qui est propice au SEO
Court le temps de révolution, la disposition est plus pratique
Concevoir, utiliser plusieurs fois
20. Quelles sont les caractéristiques des éléments de bloc?
Commencez toujours à un nouveau voyage;
Hauteur, hauteur, commande de distance supérieure et inférieure;
La défaillance de la largeur est de 100% de son conteneur, sauf si définir une largeur
Il y a des éléments: ,,
,,
Quelles sont les caractéristiques de 21 et des éléments en ligne?
Les deux avec d'autres éléments sont en ligne;
La marge élevée, élevée et supérieure et inférieure ne peut pas être modifiée;
La largeur est la largeur de son texte ou de ses images et ne peut pas être modifiée.
C'est un élément en ligne: ,,,,,,,,
,,,
et.
22. Quel est le résultat de l'expression parseint (x8x8) + Pasefloat ('8') en javascript?
A) 8 + 8
b) 88
c) 16
d) 8+ '8
23. La méthode de l'objet String n'inclut pas (c)
a) charat ();
b) substring ()
c) longueur
d) Touppercase ()
24. À propos de Settimeout (vérifier, 10) La déclaration est correcte (D)
a) Exécution du cycle du programme 10 fois
b) La fonction de vérification s'exécute toutes les 10 secondes
c) 10 en tant que paramètre transmis à la vérification de la fonction
d) La fonction de vérification s'exécute une fois toutes les 10 millisecondes
25. Lesquels des mots suivants n'appartiennent pas aux mots clés JavaScript: (c)
a) avec
b) parent
c) Classe
d) vide
Avant-propos
Cet article résume certaines questions d'entrevue à la haute qualité (principalement à partir d'Internet). Ne spéculez pas, demandez simplement que le niveau d'entrevue est faux!
Il y a quelques points à prêter attention à l'interview: (source Cheng Yan Fei Teacher Github: @Wintercn)
Sujet de l'entrevue: Selon votre niveau et votre changement de position, le niveau d'entrée au niveau d'expert: portée ↑, profondeur ↑, direction ↑.
Types de questions: vision technique, détails du projet, questions de connaissances théoriques, questions d'algorithme, questions d'ouverture, questions de cas.
Questions: Vous pouvez vous assurer de ne pas comprendre ou de ne pas comprendre l'intervieweur. Parce que ce type de connaissances connexes est un apprentissage à long terme, on ne se souvient certainement pas temporairement.
Répondez à la question, l'intervieweur (peut-être que c'est votre interview en leadership direct), vous demanderez-vous si je veux que cette personne soit mon collègue? L'attitude est donc importante. (Cela ressemble plus à un rendez-vous aveugle)
Les ingénieurs seniors peuvent confondre absolu et relatif, de sorte que ces personnes n'en ont pas besoin, car vous avez besoin de vous en tant que personne qui peut compter (fiable).
Aperçu du point de connaissance des entretiens du développement avant:
HTML & CSS:
Comprendre les normes Web, les différences du noyau de navigateur, la compatibilité, le piratage, les compétences de base CSS: mise en page, modèle de boîte, priorité et utilisation du sélecteur, HTML5, CSS3, adaptation de terminal mobile
Javascript:
Type de données, objet, héritage, fermeture, plug -in, domaine d'action, domain croisé, chaîne prototype, modularisation, événement personnalisé, fuite de mémoire, mécanisme d'événements, récupération de chargement asynchrone, moteur de modèle, nodejs, json, ajax, etc. .
autre:
HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯
作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点：
此条由王子墨发表在前端随笔
1、DOM结构- 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
2、DOM操作-如何添加、移除、移动、复制、创建和查找节点等。
3、事件- 如何使用事件，以及IE和标准DOM事件模型之间存在的差别。
4、XMLHttpRequest - 这是什么、怎样完整地执行一次GET请求、怎样检测错误。
5、严格模式与混杂模式- 如何触发这两种模式，区分它们有何意义。
6、盒模型- 外边距、内边距和边框之间的关系，及IE8以下版本的浏览器中的盒模型
7、块级元素与行内元素- 怎么用CSS控制它们、以及如何合理的使用它们
8、浮动元素-怎么使用它们、它们有什么问题以及怎么解决这些问题。
9、HTML与XHTML-二者有什么区别，你觉得应该使用哪一个并说出理由。
10、JSON - 作用、用途、设计结构。