Tutoriel de base JavaScript [Opérations DOM BOM que JS doit connaître]

• Chapitre1 Chapitre un
• 1-1 Introduction aux API Web
• 1-2 La relation entre les deux étapes des bases de js et des API Web
• 1-3 API et API Web
• 1-4 Introduction au DOM
• 1-5 Introduction au DOM
• 1-6 getElementById obtient l'élément
• 1-7 getElementsByTagName Obtient un certain type d'élément de balise
• 1-8 H5 ajoute une nouvelle façon d'obtenir des éléments
• 1-9 Récupère les éléments body et html
• 1-10 trois éléments de l'événement
• Chapitre2 Chapitre deux
• 2-1 Exécuter le processus événementiel
• 2-2 Manipuler des éléments - modifier le contenu des éléments
• 2-3 La différence entre innerText et innerHTML
• 2-4 Manipuler des éléments - modifier les attributs des éléments
• 2-5 Étui de vœux en temps partagé
• 2-6 Attributs du formulaire de modification d'élément d'opération
• 2-7 Exemple d'imitation de JD.com pour afficher les mots de passe cachés en texte clair (Partie 1)
• 2-8 Exemple d'imitation de JD.com pour afficher les mots de passe cachés en texte clair (Partie 2)
• 2-9 Manipuler les éléments - modifier les attributs de style
• 2-10 Cas d'imitation du code QR de fermeture Taobao
• Chapitre3 troisième chapitre
• 3-1 Sprite en boucle
• 3-2 Afficher le contenu de la zone de texte masquée
• 3-3 Utilisez className pour modifier les attributs de style
• 3-4 Informations de vérification de la boîte de mot de passe
• 3-5 Résumé des éléments opérationnels et des missions
• 3-6 Pensée exclusive (algorithme)
• 3-7 Effet resurfaçant de la peau Baidu
• 3-8 Effet de changement de couleur des lignes du tableau
• 3-9 Formulaire Sélectionner tout-Annuler Sélectionner tout (Partie 1)
• 3-10 Formulaire Sélectionner tout-Annuler Sélectionner tout (Partie 2)
• Chapitre4 Chapitre quatre
• 4-1 Obtenir la valeur de l'attribut personnalisé
• 4-2 Définir les propriétés personnalisées de suppression
• 4-3 Analyse de la disposition des changements de barre d'onglets (important)
• 4-4 Production de commutation de barre d'onglets (Partie 1)
• 4-5 Production de commutation de barre d'onglets (Partie 2)
• 4-6 Attributs personnalisés H5
• 4-7 Pourquoi apprendre les opérations des nœuds et l'introduction des nœuds
• 4-8 Le nœud parent de l'opération de nœud
• 4-9 Nœud enfant de l'opération de nœud
• 4-10 Opération de nœud, premier élément enfant et dernier élément enfant
• Chapitre5 chapitre cinq
• 5-1 Menu déroulant Sina
• 5-2 Nœud frère de l'opération de nœud
• 5-3 Opérations sur les nœuds : créer et ajouter des nœuds
• 5-4 Version simple du cas de publication d'un message
• 5-5 Nœud de suppression d'opération de nœud
• 5-6 Supprimer le cas du message
• 5-7 Nœud de copie d'opération de nœud
• 5-8 Générer dynamiquement des tableaux - créer des données sur les étudiants
• 5-9 Générer dynamiquement des tableaux - créer des lignes
• 5-10 Générer dynamiquement des tableaux - créer des cellules
• Chapitre6 Chapitre six
• 6-1 Générez dynamiquement des tableaux - remplissez les cellules avec des données
• 6-2 Générer dynamiquement des tableaux - créer et supprimer des cellules
• 6-3 Générer dynamiquement des tables - opérations d'ajout et de suppression
• 6-4 document.write crée des éléments
• 6-5 Comparaison de l'efficacité entre innerHTML et createElement
• 6-6 Noyau de clé DOM
• 6-7 Guide avancé des événements
• 6-8 Deux façons d'enregistrer des événements
• 6-9 événement d'inscription attachEvent
• 6-10 supprimer un événement
• Chapitre7 Chapitre VII
• 7-1 Théorie du flux d'événements DOM
• 7-2 Vérification du code de flux d'événements DOM
• 7-3 Qu'est-ce qu'un objet événement
• 7-4 La différence entre e.target et ceci
• 7-5 Bloquer le comportement par défaut
• 7-6 Empêcher les événements de bouillonner
• 7-7 délégation d'événement
• 7-8 Désactivez la sélection de texte et le menu contextuel
• 7-9 Récupérer les coordonnées de la souris sur la page
• 7-10 Ange suivant la souris
• Chapitre8 chapitre huit
• 8-1 Événements de clavier couramment utilisés
• 8-2 keyCode détermine sur quelle touche l'utilisateur a appuyé
• 8-3 Étude de cas de simulation du contenu d'entrée de la clé JD
• 8-4 Simuler la demande de numéro de suivi Jingdong Express (partie 1)
• 8-5 Simuler la demande de numéro de suivi Jingdong Express (partie 2)
• 8-6 Présentation de la nomenclature
• 8-7 Aperçu de la nomenclature
• 8-8 événement de chargement de page
• 8-9 événement de redimensionnement de fenêtre
• 8-10 Timer setTimeout
• Chapitre9 Chapitre neuf
• 9-1 Fonction de rappel et publicités qui se ferment automatiquement après 5 secondes
• 9-2 effacer la minuterie
• 9-3 minuterie régléeIntervalle
• 9-4 Effet compte à rebours
• 9-5 effacer la minuterie
• 9-6 Envoyer un cas SMS
• 9-7 cela montre le problème
• 9-8 js sync et asynchrone
• 9-9 Processus d'exécution de tâches synchrones et asynchrones
• 9-10 mécanisme d'exécution js
• Chapitre10 chapitre dix
• 10-1 Propriétés communes des objets de localisation
• 10-2 Aller à la page après 5 secondes
• 10-3 Obtenir les paramètres d'URL
• 10-4 Méthodes courantes de localisation
• 10-5 objet navigateur
• 10-6 objet d'histoire
• 10-7 Lecture d'effets spéciaux de page Web PC
• 10-8 offsetLeft et offsetTop obtiennent le décalage de l'élément
• 10-9 offsetWidth et offsetHeight obtiennent la taille de l'élément
• 10-10 La différence entre offset et style
• Chapitre11 Chapitre 11
• 11-1 Obtenez les coordonnées de la souris à l'intérieur de la boîte
• 11-2 Faites glisser la boîte modale (en haut)
• 11-3 Faites glisser la boîte modale (au milieu)
• 11-4 Faites glisser la boîte modale (ci-dessous)
• 11-5 Construire une structure de page qui imite l’effet loupe de Jingdong
• 11-6 Effet de loupe imitation Jingdong montrant une couche d'occlusion cachée et une grande boîte
• 11-7 La couche d'occlusion effet loupe Imitation Jingdong suit la souris
• 11-8 L'effet d'imitation de la loupe Jingdong limite la plage de mouvement de la couche d'occlusion
• 11-9 Imitation Jingdong effet loupe grand mouvement d'image
• 11-10 série client
• Chapitre12 Chapitre 12
• 12-1 Exécuter la fonction immédiatement
• 12-2 Les principes fondamentaux de l'analyse du code source Taobao flexibleJS
• 12-3 Taobao flexibleJS page d'analyse du code sourceshow événement
• 12-4 série de défilement
• 12-5 Barre latérale fixe imitation Taobao (Partie 1)
• 12-6 Barre latérale fixe imitation Taobao (ci-dessous)
• 12-7 Résumé de trois grandes séries
• 12-8 La différence entre le survol et la saisie de la souris
• 12-9 Principes d'animation
• 12-10 Encapsulation de fonction d'animation simple
• Chapitre13 Chapitre 13
• 13-1 Fonction d'animation - enregistrez différentes minuteries pour différents éléments
• 13-2 Principe de facilitation de l'animation
• 13-3 Implémentation du code de base de l'animation d'assouplissement
• 13-4 Faciliter l'animation pour se déplacer entre plusieurs valeurs cibles
• 13-5 Ajouter une fonction de rappel pour faciliter l'animation
• 13-6 Utilisation des fonctions d'animation
• 13-7 Construction de structure de diagramme de carrousel de page Web
• 13-8 Carrousel de pages Web - afficher et masquer les boutons gauche et droit au passage de la souris
• 13-9 Petits cercles générés dynamiquement par carrousel de page Web
• 13-10 Carrousel de page Web - Pensée exclusive en petit cercle
• Chapitre14 Chapitre 14
• 14-1 Carrousel de pages Web - cliquez sur le petit cercle pour faire défiler les images
• 14-2 Carrousel de pages Web - défilement transparent avec boutons à droite
• 14-3 Carrousel de pages Web - cloner la première image
• 14-4 Le petit cercle du carrousel de la page web change avec le bouton à droite
• 14-5 Carrousel de pages Web - deux petites solutions de bugs
• 14-6 Fonction de bouton carrousel de page Web sur la gauche
• 14-7 Fonction de lecture automatique du carrousel de pages Web
• 14-8 Application de papillon des gaz et d'interruption logique
• 14-9 Retour en haut avec animation
• 14-10 Cas de nuage de saut périlleux
• Chapitre15 Chapitre 15
• 15-1 Introduction aux effets spéciaux des pages Web mobiles
• 15-2 Événement tactile mobile
• 15-3 Objet d'événement tactile Mobile TouchEvent
• 15-4 Faites glisser des éléments sur mobile
• 15-5 Construction de structure de diagramme de carrousel de terminal mobile
• 15-6 Analyse de la disposition des graphiques du carrousel mobile
• 15-7 Images mobiles à défilement de carrousel
• 15-8 Défilement fluide du carrousel mobile
• 15-9 opération de nom de classe classList
• 15-10 Graphique carrousel mobile : les petits points suivent les modifications
• Chapitre16 Chapitre 16
• 16-1 Graphique carrousel sur terminal mobile - faites glisser le graphique carrousel avec le doigt
• 16-2 Carrousel mobile - faites glisser votre doigt pour faire glisser le carrousel vers les images précédentes et suivantes
• 16-3 Effet de rebond d'image de carrousel mobile
• 16-4 Retour en hautCréation de modèles
• 16-5 Solution au problème de délai de 300 ms des événements de clic sur les terminaux mobiles
• 16-6 Utilisation du plug-in Fastclick
• 16-7 Utilisation du plug-in swioper - introduction des fichiers associés
• 16-8 Image de carrousel mobile – utilisée conformément aux spécifications grammaticales
• 16-9 changement des paramètres d'utilisation du plug-in swiper
• 16-10 Autres plug-ins mobiles et résumé d'utilisation
• Chapitre17 Chapitre 17
• 17-1 Utilisation du plug-in vidéo zy.media.js
• 17-2 carrousel d'amorçage
• 17-3 Alibaba 100 présente la production d'images en carrousel
• 17-4 Guide de stockage local
• 17-5 Session de stockage localStrage
• 17-6 stockage localstockage local
• 17-7 Mémoriser la casse du nom d'utilisateur