Introduction aux API Web

La relation entre les deux étapes des bases de js et des API Web

API et API Web

Introduction au DOM

Introduction au DOM

getElementById obtient l'élément

getElementsByTagName Obtient un certain type d'élément de balise

H5 ajoute une nouvelle façon d'obtenir des éléments

Récupère les éléments body et html

trois éléments de l'événement

Exécuter le processus événementiel

Manipuler des éléments - modifier le contenu des éléments

La différence entre innerText et innerHTML

Manipuler des éléments - modifier les attributs des éléments

Étui de vœux en temps partagé

Attributs du formulaire de modification d'élément d'opération

Exemple d'imitation de JD.com pour afficher les mots de passe cachés en texte clair (Partie 1)

Exemple d'imitation de JD.com pour afficher les mots de passe cachés en texte clair (Partie 2)

Manipuler les éléments - modifier les attributs de style

Cas d'imitation du code QR de fermeture Taobao

Sprite en boucle

Afficher le contenu de la zone de texte masquée

Utilisez className pour modifier les attributs de style

Informations de vérification de la boîte de mot de passe

Résumé des éléments opérationnels et des missions

Pensée exclusive (algorithme)

Effet resurfaçant de la peau Baidu

Effet de changement de couleur des lignes du tableau

Formulaire Sélectionner tout-Annuler Sélectionner tout (Partie 1)

Formulaire Sélectionner tout-Annuler Sélectionner tout (Partie 2)

Obtenir la valeur de l'attribut personnalisé

Définir les propriétés personnalisées de suppression

Analyse de la disposition des changements de barre d'onglets (important)

Production de commutation de barre d'onglets (Partie 1)

Production de commutation de barre d'onglets (Partie 2)

Attributs personnalisés H5

Pourquoi apprendre les opérations des nœuds et l'introduction des nœuds

Le nœud parent de l'opération de nœud

Nœud enfant de l'opération de nœud

Opération de nœud, premier élément enfant et dernier élément enfant

Menu déroulant Sina

Nœud frère de l'opération de nœud

Opérations sur les nœuds : créer et ajouter des nœuds

Version simple du cas de publication d'un message

Nœud de suppression d'opération de nœud

Supprimer le cas du message

Nœud de copie d'opération de nœud

Générer dynamiquement des tableaux - créer des données sur les étudiants

Générer dynamiquement des tableaux - créer des lignes

Générer dynamiquement des tableaux - créer des cellules

Générez dynamiquement des tableaux - remplissez les cellules avec des données

Générer dynamiquement des tableaux - créer et supprimer des cellules

Générer dynamiquement des tables - opérations d'ajout et de suppression

document.write crée des éléments

Comparaison de l'efficacité entre innerHTML et createElement

Noyau de clé DOM

Guide avancé des événements

Deux façons d'enregistrer des événements

événement d'inscription attachEvent

supprimer un événement

Théorie du flux d'événements DOM

Vérification du code de flux d'événements DOM

Qu'est-ce qu'un objet événement

La différence entre e.target et ceci

Bloquer le comportement par défaut

Empêcher les événements de bouillonner

délégation d'événement

Désactivez la sélection de texte et le menu contextuel

Récupérer les coordonnées de la souris sur la page

Ange suivant la souris

Événements de clavier couramment utilisés

keyCode détermine sur quelle touche l'utilisateur a appuyé

Étude de cas de simulation du contenu d'entrée de la clé JD

Simuler la demande de numéro de suivi Jingdong Express (partie 1)

Simuler la demande de numéro de suivi Jingdong Express (partie 2)

Présentation de la nomenclature

Aperçu de la nomenclature

événement de chargement de page

événement de redimensionnement de fenêtre

Timer setTimeout

Fonction de rappel et publicités qui se ferment automatiquement après 5 secondes

effacer la minuterie

minuterie régléeIntervalle

Effet compte à rebours

effacer la minuterie

Envoyer un cas SMS

cela montre le problème

js sync et asynchrone

Processus d'exécution de tâches synchrones et asynchrones

mécanisme d'exécution js

Propriétés communes des objets de localisation

Aller à la page après 5 secondes

Obtenir les paramètres d'URL

Méthodes courantes de localisation

objet navigateur

objet d'histoire

Lecture d'effets spéciaux de page Web PC

offsetLeft et offsetTop obtiennent le décalage de l'élément

offsetWidth et offsetHeight obtiennent la taille de l'élément

La différence entre offset et style

Obtenez les coordonnées de la souris à l'intérieur de la boîte

Faites glisser la boîte modale (en haut)

Faites glisser la boîte modale (au milieu)

Faites glisser la boîte modale (ci-dessous)

Construire une structure de page qui imite l’effet loupe de Jingdong

Effet de loupe imitation Jingdong montrant une couche d'occlusion cachée et une grande boîte

La couche d'occlusion effet loupe Imitation Jingdong suit la souris

L'effet d'imitation de la loupe Jingdong limite la plage de mouvement de la couche d'occlusion

Imitation Jingdong effet loupe grand mouvement d'image

série client

Exécuter la fonction immédiatement

Les principes fondamentaux de l'analyse du code source Taobao flexibleJS

Taobao flexibleJS page d'analyse du code sourceshow événement

série de défilement

Barre latérale fixe imitation Taobao (Partie 1)

Barre latérale fixe imitation Taobao (ci-dessous)

Résumé de trois grandes séries

La différence entre le survol et la saisie de la souris

Principes d'animation

Encapsulation de fonction d'animation simple

Fonction d'animation - enregistrez différentes minuteries pour différents éléments

Principe de facilitation de l'animation

Implémentation du code de base de l'animation d'assouplissement

Faciliter l'animation pour se déplacer entre plusieurs valeurs cibles

Ajouter une fonction de rappel pour faciliter l'animation

Utilisation des fonctions d'animation

Construction de structure de diagramme de carrousel de page Web

Carrousel de pages Web - afficher et masquer les boutons gauche et droit au passage de la souris

Petits cercles générés dynamiquement par carrousel de page Web

Carrousel de page Web - Pensée exclusive en petit cercle

Carrousel de pages Web - cliquez sur le petit cercle pour faire défiler les images

Carrousel de pages Web - défilement transparent avec boutons à droite

Carrousel de pages Web - cloner la première image

Le petit cercle du carrousel de la page web change avec le bouton à droite

Carrousel de pages Web - deux petites solutions de bugs

Fonction de bouton carrousel de page Web sur la gauche

Fonction de lecture automatique du carrousel de pages Web

Application de papillon des gaz et d'interruption logique

Retour en haut avec animation

Cas de nuage de saut périlleux

Introduction aux effets spéciaux des pages Web mobiles

Événement tactile mobile

Objet d'événement tactile Mobile TouchEvent

Faites glisser des éléments sur mobile

Construction de structure de diagramme de carrousel de terminal mobile

Analyse de la disposition des graphiques du carrousel mobile

Images mobiles à défilement de carrousel

Défilement fluide du carrousel mobile

opération de nom de classe classList

Graphique carrousel mobile : les petits points suivent les modifications

Graphique carrousel sur terminal mobile - faites glisser le graphique carrousel avec le doigt

Carrousel mobile - faites glisser votre doigt pour faire glisser le carrousel vers les images précédentes et suivantes

Effet de rebond d'image de carrousel mobile

Retour en hautCréation de modèles

Solution au problème de délai de 300 ms des événements de clic sur les terminaux mobiles

Utilisation du plug-in Fastclick

Utilisation du plug-in swioper - introduction des fichiers associés

Image de carrousel mobile – utilisée conformément aux spécifications grammaticales

changement des paramètres d'utilisation du plug-in swiper

Autres plug-ins mobiles et résumé d'utilisation

Utilisation du plug-in vidéo zy.media.js

carrousel d'amorçage

Alibaba 100 présente la production d'images en carrousel

Guide de stockage local

Session de stockage localStrage

stockage localstockage local

Mémoriser la casse du nom d'utilisateur