Quelques questions de base sur JS-js tutoriel-php.cn

Maison

interface Web

js tutoriel

Quelques questions de base sur JS

jacklove

May 21, 2018 am 10:21 AM

javascript 基础问题

Dans le développement et l'apprentissage, nous rencontrons souvent des problèmes avec js. Cet article présentera quelques problèmes fondamentaux liés à js.

Quel est l'ordre dans lequel CSS et JS sont placés sur la page Web ?

Généralement, on met le CSS dans la balise head et le code JS à la fin du code body.

<!DOCTYPE html><html><head>
  <meta charset="utf-8">
  <title>JS基础</title>
  <style>
    
    /* 这里放css代码 */      
    
  </style></head><body>
  <!-- 这里放HTML代码 -->
    
  <script>

Copier après la connexion

Explication de l'écran blanc et FOUC

Écran blanc : Si le style CSS est placé en bas, un écran blanc apparaîtra sur la page dans certains scénarios (ouverture d'une nouvelle fenêtre, rafraichissement, etc.) au lieu de le contenu s'affichant progressivement. Si vous utilisez la balise @import, même si le lien est placé dans le CSS et placé dans l'en-tête, un écran blanc peut apparaître.

Le script bloquera l'affichage du contenu suivant

Le script bloquera le téléchargement des composants suivants
Pour les images et CSS, ils seront chargés simultanément (comme en charger deux sous un nom de domaine en même temps)), mais lors du chargement de JS, la concurrence est désactivée et les autres contenus ne peuvent pas être téléchargés, donc placer JS en haut de la page provoquera également un écran blanc.

FOUC (Flash of Unstyled Content) Flash de contenu non stylé : Si vous mettez le style CSS en bas, pour le navigateur IE, dans certains scénarios (cliquez sur le lien, saisissez l'URL, utilisez le signet pour saisir, etc.), le phénomène FOUC se produira (le contenu non stylé est chargé progressivement et la page affiche soudainement le style après le chargement du CSS). Pour Firefox, le phénomène FOUC se produira toujours.

Quelles sont les fonctions de async et defer ? Quelle est la différence ?

Sans async et defer, le script actuel sera chargé et exécuté immédiatement lors du chargement du navigateur, et le navigateur ne pourra pas restituer les éléments du document sous la balise script. asynchrone et différé, le navigateur peut Le processus de chargement et de rendu des documents suivants est effectué parallèlement au chargement et à l'exécution des scripts JS, c'est-à-dire que le chargement est asynchrone.

La différence entre les deux réside principalement dans le moment où exécuter le script après son téléchargement. Defer retardera l'exécution du script en fonction de l'ordre de chargement jusqu'à ce que le document soit analysé et affiché, tandis que l'async n'aura pas d'importance. l'ordre de votre déclaration, à condition qu'elle soit chargée immédiatement, pas dans l'ordre.
De manière générale, le report est plus conforme à nos scénarios d'utilisation.

Mécanisme de rendu de la page Web

Analyse les balises HTML, construit l'arborescence DOM

Analyse les balises CSS, construit l'arborescence CSSOM

Combine DOM et CSSOM dans un rendu arbre (arbre de rendu) effectuer une mise en page de base

Calculer la structure géométrique de chaque nœud

Dessiner chaque nœud à l'écran et le présenter à l'utilisateur

JavaScript définit plusieurs types de données ? Quels sont les types simples ? Quels sont les types complexes ?

Null : C'est un pointeur nul

Sous-fin : Il y a un pointeur mais il ne pointe vers aucun espace

Booléen : Valeur booléenne, vrai ou faux (vrai, faux)

Numéro : Type de nombre.

String : Type de chaîne, représenté par des guillemets simples ou des guillemets doubles.

Objet : Objet, le concept de base de JS, le type de données le plus important. (Tout est un objet)

Les 5 premiers types sont des types simples et Object est un type complexe.

Que représentent respectivement NaN, undefined et null ?

NaN : Cela signifie Pas un nombre, ce qui signifie que ce n'est pas un nombre et n'est égal à aucune valeur, y compris lui-même (. One n'est égal à aucune valeur. Type de valeur numérique)

sous-fin : C'est la seule valeur de Underfined, ce qui signifie que la variable est seulement déclarée mais pas initialisée, ce qui signifie qu'il y a ce pointeur, mais ce pointeur ne pointe vers aucun espace

null : Null La seule valeur représente un pointeur nul, ce qui n'existe pas

Quelles sont les fonctions et les différences entre typeof et instanceof ?

La fonction de typeof peut déterminer le type de données d'une valeur renvoyée et la mettre dans l'opération Devant le nombre, l'opérande peut être de n'importe quel type.

function a(){}
a(){}typeof a"function" //L'opérande est la fonction renvoyant functiontypeof 123421"number"typeof "32423423423""string"typeof true"boolean" typeof undefined"undefined" //Utilisez ceci pour vérifier les variables non définies typeof window"object" //Tous les autres renvoient un objet

instanceof est utilisé pour déterminer si une variable est une instance d'un objet, car typeof les rencontres null, array et object renverront tous le type d'objet, donc lorsque nous voulons déterminer si un objet est un tableau, ou déterminer si une variable est une instance d'un objet, nous devons utiliser instanceof

Code problème

1. Le code suivant détermine si une variable est un nombre, une chaîne, un booléen ou une fonction

function isNumber(el){ 
 if ((typeof el)==="Number"){   return true;
   }  else { 
return false
  };
}function isString(el){ 
  if ((typeof el)==="String"){   return true;
   }  else { 
return false
  };
}function isBoolean(el){ if ((typeof el)==="Boolean"){   return true;
   }  else { 
return false
  };
}function isFunction(el){  if ((typeof el)==="Function"){   return true;
   }  else { 
return false
  };
}var a = 2, 
b = "jirengu", 
c = false;alert( isNumber(a) ); //truealert( isString(a) ); //falsealert( isString(b) ); //truealert( isBoolean(c) ); //truealert( isFunction(a)); //falsealert( isFunction( isNumber ) ); //true

Copier après la connexion

2. Quelle est la sortie du code suivant ?

Quelques questions de base sur JS

Je suis une image

3 La sortie du code suivant est ?

var a = 1;
a+++a;typeof a +2;

Le résultat est le numéro2, (le typeof a une très haute priorité, donc le typeof a est calculé en premier et le résultat est le nombre, et 2 est inclus , c'est donc le numéro2)

4. Parcourez le tableau, imprimez le carré de chaque élément du tableau

var arr = [3,4,5]// todo..// Sortie 9, 16, 25

code Comme suit :

Quelques questions de base sur JS

Je suis une image

5. Parcourez JSON et imprimez les valeurs à l'intérieur

var obj = { nom : 'faim', sexe : 'masculin', âge : 28}//todo ...// Nom de sortie : faim, sexe : masculin, âge :28

Le code est comme indiqué sur l'image : (référence ici)

Quelques questions de base sur JS

Je suis une image

6. la sortie du code suivant ? Pourquoi

console.log(a);var a = 1;console.log(a);console.log(b);

Le d'abord console.log(a ); La sortie est sous-définie car JS promouvra les variables globales et a est uniquement déclaré mais non attribué.
La sortie du deuxième console.log(a); est 1, car elle attribue 1 à a après var a =1;.
La troisième sortie console.log(b); signalera une erreur car b n'est pas déclaré ni attribué de valeur.

Cet article présente quelques questions d'introduction de base. Si vous souhaitez plus de connaissances connexes, veuillez faire attention au site Web chinois de php.

Recommandations associées :

Comment modulariser require.js avec js front-end

Une image implémentée avec CSS Terminé instance de bouton

Connaissances pertinentes sur l'instance de requête AJAX ASP/PHP

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!

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

Générez AI Hentai gratuitement.

Afficher plus

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)

3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Meilleurs paramètres graphiques

3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows: Solution d'énigmes de coquille

2 Il y a quelques semaines By DDD

R.E.P.O. Comment réparer l'audio si vous n'entendez personne

3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

WWE 2K25: Comment déverrouiller tout dans Myrise

3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Afficher plus

Outils chauds

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Afficher plus

Sujets chauds

Où se trouve l'entrée de connexion pour la messagerie Gmail ?

7461

Tutoriel CakePHP

1376

Quel est le format du nom de compte de Steam

Clé d&amp;amp;amp;amp;amp;amp;#39;activation Win11 permanent

NYT Connexions Indices et réponses

Afficher plus

Related knowledge

WebSocket et JavaScript : technologies clés pour mettre en œuvre des systèmes de surveillance en temps réel Dec 17, 2023 pm 05:30 PM

WebSocket et JavaScript : technologies clés pour réaliser des systèmes de surveillance en temps réel Introduction : Avec le développement rapide de la technologie Internet, les systèmes de surveillance en temps réel ont été largement utilisés dans divers domaines. L'une des technologies clés pour réaliser une surveillance en temps réel est la combinaison de WebSocket et de JavaScript. Cet article présentera l'application de WebSocket et JavaScript dans les systèmes de surveillance en temps réel, donnera des exemples de code et expliquera leurs principes de mise en œuvre en détail. 1. Technologie WebSocket

JavaScript et WebSocket : créer un système efficace de prévisions météorologiques en temps réel Dec 17, 2023 pm 05:13 PM

JavaScript et WebSocket : Construire un système efficace de prévisions météorologiques en temps réel Introduction : Aujourd'hui, la précision des prévisions météorologiques revêt une grande importance pour la vie quotidienne et la prise de décision. À mesure que la technologie évolue, nous pouvons fournir des prévisions météorologiques plus précises et plus fiables en obtenant des données météorologiques en temps réel. Dans cet article, nous apprendrons comment utiliser la technologie JavaScript et WebSocket pour créer un système efficace de prévisions météorologiques en temps réel. Cet article démontrera le processus de mise en œuvre à travers des exemples de code spécifiques. Nous

Comment résoudre le problème selon lequel jQuery ne peut pas obtenir la valeur de l'élément de formulaire Feb 19, 2024 pm 02:01 PM

Pour résoudre le problème selon lequel jQuery.val() ne peut pas être utilisé, des exemples de code spécifiques sont requis. Pour les développeurs front-end, l'utilisation de jQuery est l'une des opérations courantes. Parmi eux, utiliser la méthode .val() pour obtenir ou définir la valeur d'un élément de formulaire est une opération très courante. Cependant, dans certains cas précis, le problème de ne pas pouvoir utiliser la méthode .val() peut se poser. Cet article présentera quelques situations et solutions courantes, et fournira des exemples de code spécifiques. Description du problème Lorsque vous utilisez jQuery pour développer des pages frontales, vous rencontrerez parfois

Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Jan 05, 2024 pm 06:08 PM

Tutoriel JavaScript : Comment obtenir le code d'état HTTP, des exemples de code spécifiques sont requis Préface : Dans le développement Web, l'interaction des données avec le serveur est souvent impliquée. Lors de la communication avec le serveur, nous devons souvent obtenir le code d'état HTTP renvoyé pour déterminer si l'opération a réussi et effectuer le traitement correspondant en fonction de différents codes d'état. Cet article vous apprendra comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournira quelques exemples de codes pratiques. Utilisation de XMLHttpRequest

Quelles sont les questions de l'examen Rulong 8 Wine Master ? Feb 02, 2024 am 10:18 AM

Quelles sont les questions impliquées dans l’examen Yulong 8 Wine Master ? Quelle est la réponse correspondante ? Comment réussir l’examen rapidement ? De nombreuses questions doivent trouver une réponse dans les activités de l'examen Master of Wine, et nous pouvons nous référer aux réponses pour les résoudre. Ces questions impliquent toutes la connaissance du vin. Si vous avez besoin d’une référence, jetons un œil à l’analyse détaillée des réponses aux questions de l’examen Yakuza 8 Wine Master ! Explication détaillée des réponses aux questions de l'examen Rulong 8 Wine Master 1. Questions sur le « vin ». Il s'agit d'une liqueur distillée produite par une distillerie créée par la famille royale. Elle est brassée à partir du sucre de canne à sucre cultivé en grande quantité à Hawaï. Quel est le nom de ce vin ? Réponse : Rhum 2. Question sur le « vin ». La photo montre une boisson à base de ginseng sec et de vermouth sec. Il se caractérise par l'ajout d'olives et est connu sous le nom de « cockney ».

Comment obtenir facilement le code d'état HTTP en JavaScript Jan 05, 2024 pm 01:37 PM

Introduction à la méthode d'obtention du code d'état HTTP en JavaScript : Dans le développement front-end, nous devons souvent gérer l'interaction avec l'interface back-end, et le code d'état HTTP en est une partie très importante. Comprendre et obtenir les codes d'état HTTP nous aide à mieux gérer les données renvoyées par l'interface. Cet article explique comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournit des exemples de code spécifiques. 1. Qu'est-ce que le code d'état HTTP ? Le code d'état HTTP signifie que lorsque le navigateur lance une requête au serveur, le service

Comment résoudre le problème du menu Démarrer qui ne peut pas être utilisé après l'installation de Win11 Jan 06, 2024 pm 05:14 PM

De nombreux utilisateurs ont essayé de mettre à jour le système Win11, mais ont constaté que le menu Démarrer ne peut pas être utilisé après la mise à jour. Cela peut être dû à un problème avec la dernière mise à jour. Nous pouvons attendre que Microsoft corrige ou désinstalle ces mises à jour pour résoudre le problème. problème. Examinons-le ensemble. Que faire si le menu Démarrer ne peut pas être utilisé après l'installation de Win11. Méthode 1 : 1. Ouvrez d'abord le panneau de configuration dans Win11. 2. Cliquez ensuite sur le bouton "Désinstaller un programme" sous le programme. 3. Entrez dans l'interface de désinstallation et recherchez « Afficher les mises à jour installées » dans le coin supérieur gauche. 4. Après avoir entré, vous pouvez afficher l'heure de mise à jour dans les informations de mise à jour et désinstaller toutes les mises à jour récentes. Méthode 2 : 1. De plus, nous pouvons également télécharger directement le système win11 sans mises à jour. 2. C'est un produit sans le plus

Que se passe-t-il en cas de problème avec le pilote de la carte son ? Mar 02, 2024 am 10:49 AM

Le pilote de la carte son est un programme système de l'ordinateur qui contrôle et dirige la carte son. Par conséquent, s'il y a un problème avec le pilote de la carte son, la situation la plus intuitive est celle en termes de son, il n'y aura pas de son ou le son fluctuera et se figera anormalement. Que se passera-t-il s'il y a un problème avec le pilote de la carte son : 1. Erreur sonore 1. Le pilote de la carte son fournit le son, le problème le plus intuitif est donc le problème du son. 2. Qu'il n'y ait aucun son provenant de l'ordinateur, que le son soit bloqué, retardé, bruyant ou que la tonalité du volume soit anormale, cela peut être lié au pilote de la carte son. 3. Ainsi, lorsque nous rencontrons des problèmes similaires, nous pouvons essayer de réinstaller ou de mettre à jour le pilote de la carte son. 2. Point d'exclamation dans le Gestionnaire de périphériques 1. S'il n'y a pas de problème avec le son, cela signifie que le pilote de la carte son est normal dans la plupart des cas. 2. Mais je

See all articles