1. Analyse des questions du concours d'entrée
1. Quels sont les types de données dans JS ?
Explication détaillée :
Types de données de base : String (chaîne), Number (numérique), Float (virgule flottante), Boolean (Boolean), Null (vide)
Types de données de référence : Array (tableau) , Fonction (fonction), Objet (objet)
2. Existe-t-il un moyen de forcer la conversion de type en type numérique dans JS ?
Explication détaillée :
la méthode Number() est plus stricte et doit être une chaîne simple ; si elle ne peut pas être convertie, le résultat est NaN ; lorsque la méthode parseInt() rencontre une chaîne, elle arrête la conversion ; par exemple : parseInt('123a '), le résultat est 123 ; parseFloat () Identique à parseInt().
3. Créez un nœud enfant ______, insérez un nœud enfant ______, insérez un nœud _______ avant un élément existant et supprimez un nœud enfant ________.
Explication détaillée : createElement(nodename), appendChild() peut ajouter une étiquette à la fin d'une étiquette ou d'une liste, insertBefore(oldcodename, newcodename) peut ajouter une étiquette avant un nœud avec un élément, removeChild(codename) supprime un nœud enfant
4. Obtenez le premier nœud enfant ______ de l'élément, obtenez le dernier nœud enfant ________ de l'élément, le nœud frère précédent _________ et le nœud frère suivant ________.
Explication détaillée :
firstChild(), lastChild(), previousSibling(), nextSibling();
Expansion :
la différence entre nextSibling() et nextElementSibling() : le premier peut obtenir le nœud suivant (y compris les nœuds de texte et les nœuds de commentaire) ; tandis que le ce dernier n'inclut pas le nœud de texte, le nœud de commentaire ; previousSibling() et previousSibling() sont identiques
5. Obtenez tous les nœuds enfants ________ et obtenez le nœud parent _______.
Explication détaillée :
childNodes() : peut renvoyer tous les nœuds après le nœud spécifié ; par exemple : document.body.childNodes()–>retourne tous les nœuds sous le corps ; parentNode() renvoie le nœud parent de l'élément, veillez à ne pas ajouter S.
6. Les résultats d'exécution des codes suivants sont : _________.
var a = 1;
function fn1(a){
alert(a); a = 2;}
fn1();
alert(a);
Explication détaillée :
indéfini, 1 : en dehors du corps de la fonction, a est déclaré et assigné égal à 1 ; à l'intérieur de la fonction fn1, il y a une instruction contextuelle et il y a une affectation de variable derrière ; quand fn1() est appelée par la fonction, le résultat à l'intérieur du corps de la fonction est la première sortie, car a est assigné après l'instruction contextuelle, a n'est pas défini à ce moment ; si a=2 à l'intérieur de la fonction est déclenché avant alert(a), le résultat sera 2. Le résultat de la dernière ligne de code est 1, car var a = 1 est
une variable globale.
7. La méthode de fractionnement de la chaîne en fonction des caractères spécifiés et de renvoi du tableau est _____ ; la méthode de conversion des lettres majuscules en lettres minuscules est ______ ; la méthode de conversion des lettres minuscules en lettres majuscules est ______ ; la méthode d'interrogation de la position de caractères dans la chaîne_ _______ ; Méthode _______ qui renvoie la chaîne à la position spécifiée.
Explication détaillée :
split(), toLowerCase(), toUpperCase(), indexOf(), charAt()
Expansion :
splice() et split() peuvent intercepter des chaînes et les renvoyer, mais le type de retour du premier est String, tandis que ce dernier est Array
8. La méthode d'insertion d'un élément au début du tableau est _____ ; la méthode de suppression du dernier élément du tableau est ______ ; la méthode d'insertion d'un élément à la fin du tableau est ______ ; la méthode de suppression du le premier élément du tableau est _______ ; la méthode de suppression, d'ajout et de remplacement des éléments du tableau est ______ ; la méthode d'inversion de l'ordre d'un tableau est _____ ; la méthode de fusion de plusieurs tableaux et de retour d'un nouveau tableau est ______.
Explication détaillée : unshift(), pop(), push(), shift(), splice(), reverse(), concat()
splice(start, end) : Par exemple : var str = 'hello world'; splice( 1, 5) Résultat : world
oldArray.concat(newArray)
9. Il y a x=15, y=64, écrivez la méthode de génération de nombres aléatoires entre x et y_______explication détaillée
:
Math.floor(Math.random()*( 64 -15))+15
10. Le temporisateur qui s'exécute plusieurs fois dans JS est _______, le temporisateur qui ne s'exécute qu'une seule fois est ________ et la méthode d'effacement du temporisateur est _______.
Explication détaillée : setInterval(), setTimeout(), clearInterval() et clearTimeout()
setInterval(function name(){},time) avant que la page ne soit fermée, la minuterie sera exécutée à plusieurs reprises, même si la page n'est pas fermée setTimeout () Exécuter une fois.
11. La méthode pour obtenir la hauteur de défilement de la barre de défilement est_______.
Explication détaillée : document.documentElement.scrollTop()
12. var arr=[{name:'Zhang San',age:25}], comment lire "Zhang San"_______ dans le tableau.
Explication détaillée : arr[0].name ; arr est un tableau, pas un objet, donc la valeur est obtenue en utilisant l'indice du tableau, puis la clé dans l'objet
13. L'événement de menu du bouton droit de la souris_________.
Explication détaillée : oncontextmenu utilise object.οncοntextmenu=function(){} ;
14. Les nouvelles balises en html5 sont _________ (5 types)
Explication détaillée :
Balises structurelles : section (définit une section dans un document), article (charge un contenu indépendant), nav (lien de navigation), footer (pied de page), aparté ( side content), header (head content), hgroup (une collection de titres h1-h6), canvas, datalist (similaire à select, optionnel et input) balises de formulaire :
email (email), url (adresse url) , number (numéro ), plage (plage de valeurs), recherche (recherche de champs de texte normaux)
balises média : vidéo (vidéo), audio (audio), embed (divers médias), souece (deux copies audio ou plus), piste
12. Les nouveaux attributs d'entrée dans html5 sont ______ (5 types)
Explication détaillée :
Attributs de formulaire :
autofocus (obtenir automatiquement le focus du formulaire), palcehodel (boîte de saisie rapide), formulaire (définissant le nom du formulaire), requis (définissant les attributs d'option), saisie semi-automatique (obtenir automatiquement les enregistrements d'entrée et remplir la zone de saisie), max, min, partten (expression régulière), mulitiple (nombre de fichiers téléchargés)
13. La propriété de conversion 3D dans css3 a ______.
Explication détaillée :
transform (2D-3D), transform-style (style), transform-origin (position du centre de transformation), perspective (transparence), backface-visibility (visible ou non)
13. La méthode d'ajout et de suppression de styles dans jq est ________.
Explication détaillée :
ajouter : attr('nom de l'attribut' : 'valeur de l'attribut'), addClass('nom de la classe')
supprimer : removeAttr('nom de l'attribut')