1-1 Introduction aux bases de l'informatique

1-2 langage de programmation

1-3 Bases informatiques

2-1 Introduction à JavaScript

2-2 Première introduction à JavaScript

2-3 Le navigateur exécute le processus js

2-4 js se compose de trois parties

2-5 js trois positions d'écriture

3-1 Commentaire

3-2 Instructions d'entrée et de sortie

3-3 Introduction aux variables

3-4 qu'est-ce qu'une variable

3-5 Utilisation de variables

3-6 Cas variable

3-7 Nom d'utilisateur contextuel à casse variable

3-8 Expansion de la syntaxe variable

3-9 Convention de dénomination des variables

3-10 Transformer les valeurs de 2 variables

3-11 Résumé des variables

4-1 Introduction aux types de données

4-2 Introduction aux types de données

4-3 Numéro numérique

4-4 estNaN

4-5 Type de chaîne

4-6 Boîte d'avertissement de page Web contextuelle

4-7 Longueur de chaîne et concaténation

4-8 Amélioration de l'épissage des cordes

4-9 montrer le cas d'âge

4-10 booléen ainsi que indéfini et nul

4-11 typeof détecte le type de données variable

4-12 littéral

4-13 Convertir en type chaîne

4-14 Convertir en parseInt et parseFloat numériques

4-15 Convertir en nombre numérique et conversion implicite

4-16 Calculer le cas d'âge

4-17 Cas d'additionneur simple

4-18 Convertir en booléen

4-19 Lectures approfondies sur la différence entre les langages compilés et interprétés

4-20 Lectures approfondies : Mots-clés identificateurs Mots réservés

4-21 devoirs après les cours

5-1 Introduction aux opérateurs

5-2 opérateurs arithmétiques

5-3 Expressions et valeurs de retour

5-4 opérateur d'incrémentation ajouté au début

5-5 Opérateur d'incrémentation Postfix

5-6 Exercice d'opérateur d'incrémentation

5-7 Résumé du pré-incrément et du post-incrément

5-8 opérateur de comparaison

5-9 Opérateurs logiques

5-10 Exercices sur les opérateurs logiques

5-11 Interruption logique, ET logique

5-12 interruption logique, logique ou

5-13 opérateur d'assignation

5-14 priorité des opérateurs

6-1 Introduction à la structure des branches de contrôle des processus

6-2 contrôle de processus

6-3 si instruction de branche

6-4 Entrez dans le cas des cybercafés

6-5 instruction ifelse à double branche

6-6 Déterminer les cas d'année bissextile

6-7 if else if instruction multibranche

6-8 Juger les cas de qualité

6-9 expression ternaire

6-10 Mallette de remplissage numérique 0

6-11 instruction de commutation

6-12 Précautions de changement

6-13 Rechercher des caisses de fruits

6-14 La différence entre switch et ifelseif

7-1 Cycle de lecture

7-2 but de la boucle

7-3 structure de la syntaxe de la boucle

7-4 pour le processus d'exécution de boucle

7-5 Éteindre le débogage

7-6 la boucle for exécute le même code à plusieurs reprises

7-7 la boucle for exécute à plusieurs reprises différents codes

7-8 la boucle for répète certaines opérations

7-9 pour boîtier de boucle

7-10 Étude de cas sur la performance des étudiants (Partie 1)

7-11 Étude de cas sur la performance des étudiants (Partie 2)

7-12 Imprimez cinq étoiles sur une seule ligne

7-13 Double processus d'exécution de boucle

7-14 Imprimez les étoiles sur 5 lignes et 5 colonnes

7-15 Imprimer les étoiles sur n lignes et n colonnes

7-16 Imprimer le boîtier triangle inversé

7-17 table de multiplication

7-18 pour le résumé de la boucle

7-19 boucle while

7-20 tandis que le cas

7-21 faire une boucle while

7-22 faire pendant le cas

7-23 Résumé du cycle

7-24 continuer le mot clé

7-25 casser le mot-clé

7-26 Convention de dénomination et format de syntaxe

7-27 Travail à vélo

8-1 Introduction aux tableaux

8-2 Qu'est-ce qu'un tableau et comment le créer

8-3 Accéder aux éléments du tableau

8-4 Tableau de parcours

8-5 longueur du tableau

8-6 Calculer la somme et la moyenne des tableaux

8-7 Trouver la valeur maximale dans un tableau

8-8 Convertir un tableau en chaîne

8-9 Ajouter un nouvel élément au tableau

8-10 Le tableau stocke 1 à 10 valeurs

8-11 méthode de tableau de filtrage

8-12 Méthode de tableau de filtrage 2

8-13 Supprimer l'élément spécifié du tableau (déduplication du tableau)

8-14 retourner le tableau

8-15 Examiner l'échange de deux valeurs de variable

8-16 Principe du tri à bulles

8-17 Tri à bulles

9-1 Présentation de la fonction

9-2 Pourquoi les fonctions sont nécessaires

9-3 Utilisation des fonctions

9-4 Utilisez des fonctions pour trouver la somme cumulée de 1 à 100

9-5 paramètres de fonction

9-6 Utilisez des fonctions pour trouver la somme de deux nombres quelconques et la somme cumulée

9-7 Problème de correspondance entre les paramètres de fonction et les paramètres réels

9-8 valeur de retour de la fonction

9-9 Utilisez des fonctions pour trouver le maximum de deux nombres

9-10 Utilisez la fonction pour trouver la valeur maximale dans un tableau

9-11 return termine la fonction et ne peut renvoyer qu'une seule valeur

9-12 2 choses à noter sur les valeurs de retour des fonctions

9-13 Voir à travers les fonctions grâce à un presse-agrumes

9-14 Utilisation d'arguments

9-15 Utilisez des fonctions pour trouver la valeur maximale d'un nombre

9-16 Retourner un tableau à l'aide d'une fonction

9-17 Tri des bulles d'encapsulation de fonction

9-18 Utiliser la fonction pour déterminer l'année bissextile

9-19 Une fonction peut appeler une autre fonction

9-20 Afficher le nombre de jours en février

9-21 Deux façons de déclarer des fonctions

9-22 Introduction à la portée

9-23 portée javascript

9-24 Variables globales et variables locales

9-25 javascript n'a pas de portée au niveau du bloc

9-26 chaîne de portée

9-27 Carter de chaîne de lunette

10-1 Guide de pré-analyse JavaScript

10-2 préparer

10-3 Mallette de préparation

11-1 Présentation de l'objet

11-2 Que sont les objets et pourquoi sont-ils nécessaires

11-3 Créer des objets à l'aide de littéraux d'objet

11-4 La différence entre la méthode de fonction d'attribut variable

11-5 Créer des objets en utilisant un nouvel objet

11-6 Pourquoi avons-nous besoin de constructeurs

11-7 Le constructeur crée un objet (partie 1)

11-8 Le constructeur crée un objet (partie 2)

11-9 La différence entre constructeur et objet

11-10 nouveau processus d'exécution des mots clés

11-11 Traverser des objets

11-12 Résumé et missions

12-1 Guide d'objet intégré

12-2 Que sont les objets intégrés

12-3 Apprenez à interroger la documentation MDN

12-4 Méthode mathématique de la valeur maximale d'un objet mathématique

12-5 Devinez le jeu des nombres

12-6 Utilisation de l'objet Date

12-7 Format date année mois jour semaine

12-8 Formater la date heures minutes secondes

12-9 Date nombre total de millisecondes (horodatage)

12-10 Compte à rebours (Partie 1)

12-11 Compte à rebours (partie 2)

12-12 Deux façons de créer un tableau

12-13 Deux façons de détecter s'il s'agit d'un tableau

12-14 Ajouter des éléments de tableau

12-15 Supprimer les éléments du tableau

12-16 tableau de filtres

12-17 Tri par tableau

12-18 Obtenir l'index des éléments du tableau

12-19 Cas de déduplication de baie

12-20 Convertir un tableau en chaîne

12-21 Types d'emballages de base

12-22 La chaîne est immuable

12-23 Position de retour basée sur le caractère

12-24 Trouver la position et le nombre d'occurrences d'un certain caractère

12-25 Renvoie les caractères en fonction de la position

12-26 Comptez les caractères les plus fréquents (Partie 1)

12-27 Comptez les caractères les plus fréquents (partie 2)

12-28 Épissage et interception de chaînes

12-29 Remplacer les chaînes et convertir en tableaux

12-30 Introduction aux types de données simples et aux types de données complexes

12-31 Allocation de mémoire pour les types de données

12-32 Passage simple des paramètres de type de données

12-33 Passer des paramètres de types de données complexes

13-1 Introduction aux API Web

13-2 La corrélation entre les deux étapes des bases de js et des API Web

13-3 API et API Web

14-1 Introduction au DOM

14-2 Introduction au DOM

14-3 getElementByid récupère l'élément

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

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

14-6 Récupère les éléments body et html

14-7 trois éléments de l'événement

14-8 Exécuter le processus événementiel

14-9 Manipuler des éléments pour modifier le contenu des éléments

14-10 La différence entre innerText et innerHTML

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

14-12 Étui de vœux en temps partagé

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

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

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

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

14-17 Cas d'imitation du code QR de fermeture Taobao

14-18 Sprite en boucle

14-19 Afficher le contenu de la zone de texte masquée

14-20 Utilisez className pour modifier les attributs de style

14-21 Informations de vérification de la boîte de mot de passe

14-22 Résumé des éléments opérationnels et des missions

15-1 Pensée exclusive (algorithme)

15-2 Effet resurfaçant de la peau Baidu

15-3 Effet de changement de couleur des lignes alternatives du tableau

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

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

15-6 Obtenir la valeur de l'attribut personnalisé

15-7 Définir les propriétés personnalisées de suppression

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

15-9 Production de commutation de barre d'onglets (Partie 1)

15-10 Production de commutation de barre d'onglets (Partie 2)

15-11 Attributs personnalisés H5

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

16-2 Le nœud parent de l'opération de nœud

16-3 nœud enfant

16-4 premier élément enfant et dernier élément enfant

16-5 Menu déroulant Sina

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

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

16-8 Version simple du cas de publication d'un message

16-9 Nœud de suppression d'opération de nœud

16-10 Supprimer le cas du message

16-11 Nœud de copie d'opération de nœud

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

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

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

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

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

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

16-18 document.write crée des éléments (comprendre)

16-19 Comparaison de l'efficacité entre innerHTML et createElement

17-1 Noyau de clé DOM

17-2 Guide avancé des événements

17-3 Deux façons d'enregistrer des événements

17-4 événement d'inscription attachEvent

17-5 supprimer un événement

17-6 Théorie du flux d'événements DOM

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

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

17-9 La différence entre e.target et ceci

17-10 Bloquer le comportement par défaut

17-11 Empêcher les événements de bouillonner

17-12 délégation d'événement

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

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

17-15 Ange suivant la souris

17-16 Événements de clavier couramment utilisés

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

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

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

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

18-1 Présentation de la nomenclature

18-2 Aperçu de la nomenclature

18-3 événement de chargement de page

18-4 événement de redimensionnement de fenêtre

18-5 Timer setTimeout

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

18-7 effacer la minuterie

18-8 Minuterie régléeIntervalle

18-9 Effet compte à rebours

18-10 effacer la minuterie

18-11 Envoyer un cas SMS

18-12 cela montre le problème

19-1 Synchrone et asynchrone

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

19-3 mécanisme d'exécution js

19-4 Propriétés communes des objets de localisation

19-5 Aller à la page après 5 secondes

19-6 Obtenir les paramètres d'URL

19-7 Méthodes courantes de localisation

19-8 objet navigateur

19-9 objet d'histoire

19-10 Introduction aux effets spéciaux de pages Web sur PC

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

20-2 offsetWidth et offsetHeight obtiennent la taille de l'élément

20-3 La différence entre offset et style

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

21-1 Faites glisser la boîte modale (en haut)

21-2 Faites glisser la boîte modale (au milieu)

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

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

22-2 Effet de loupe imitation Jingdong montrant des barrières cachées et de grandes boîtes

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

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

22-5 Imitation Jingdong effet loupe grand mouvement d'image

23-1 série client

23-2 Exécuter la fonction immédiatement

23-3 Les principes fondamentaux de l'analyse du code source Taobao flexiJS

23-4 Taobao flexibleJS pages d'analyse du code sourceshow event

23-5 série de défilement

23-6 Barre latérale fixe imitation Taobao (Partie 1)

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

23-8 Résumé de trois grandes séries

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

24-2 Principes d'animation

24-3 Encapsulation de fonction d'animation simple

24-4 La fonction d'animation enregistre différentes minuteries pour différents éléments

24-5 Principe de facilitation de l'animation

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

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

24-8 Ajouter une fonction de rappel pour faciliter l'animation

24-9 Utilisation des fonctions d'animation

25-1 Construction de la structure du graphique carrousel de pages Web

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

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

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

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

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

25-7 Carrousel de pages Web - cloner la première image

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

25-9 Carrousel de pages Web - deux petites solutions de bugs

25-10 Production de la fonction du bouton gauche de l'image du carrousel de page Web

25-11 Fonction de lecture automatique du carrousel de pages Web

26-1 Application de papillon des gaz et d'interruption logique

26-2 Retour en haut avec animation

26-3 Cas de nuage de saut périlleux

26-4 Introduction aux effets spéciaux des pages Web mobiles

26-5 Événement tactile mobile

26-6 Objet d'événement tactile Mobile TouchEvent

26-7 Faites glisser des éléments sur mobile

26-8 Construction de structure de diagramme de carrousel de terminal mobile

26-9 Analyse de la disposition des graphiques du carrousel mobile

26-10 Images mobiles à défilement de carrousel

26-11 Défilement fluide du carrousel mobile

26-12 opération de nom de classe classList

26-13 Graphique carrousel mobile : les petits points suivent les modifications

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

26-15 Carrousel mobile - faites glisser votre doigt pour lire les images précédentes et suivantes

26-16 Effet de rebond d'image de carrousel mobile

26-17 Retour vers le haut de la production de modules

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

26-19 utilisation du plug-in faskclick

26-20 Fichiers associés à la référence d'utilisation du plug-in Swiper

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

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

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

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

26-25 carrousel d'amorçage

26-26 Alibaba montre la production d'images du carrousel

27-1 Guide de stockage local

27-2 Session de stockage localStockage

27-3 localStroge de stockage local

27-4 Mémoriser la casse du nom d'utilisateur

28-1 Une introduction à jQuery

28-2 Bibliothèque JavaScript

28-3 Présentation de jQuery

28-4 Utilisation de base de la fonction jQuery-entry

28-5 objet jQuery de niveau supérieur

29-1 Objets DOM et objets jQuery

29-2 Convertir les objets DOM et les objets jQuery les uns vers les autres

30-1 Guide de l'API commune jQuery

30-2 Sélecteurs jQuery basiques et hiérarchiques

30-3 itération implicite jQuery

30-4 sélecteur de filtre jQuery

30-5 méthode de filtre jQuery-sélectionner les éléments parents et enfants

30-6 Menu déroulant Sina

30-7 jQuery autres méthodes de filtrage

30-8 Idée exclusive jQuery

30-9 Étui de boutique de vêtements Taobao

30-10 Programmation en chaîne jQuery

30-11 jQuery modifie la méthode CSS de style

30-12 jQuery modifie la classe d'opération de style

30-13 Cas de changement de barre d'onglets

30-14 La différence entre les opérations de classe jQuery et className

30-15 jQuery afficher et masquer les effets

30-16 effet de glissement jQuery et commutation d'événements

30-17 jQuery arrête la file d'attente d'animation

30-18 jQuery apparaît en fondu et met en surbrillance la casse

30-19 Méthode d'animation d'animation personnalisée jQuery

30-20 Analyse de la disposition du boîtier d'accordéon Honor of Kings

30-21 Production d'étuis pour accordéon King of Glory

31-1 Manipulation des attributs jQuery

31-2 Module de panier d'achat - Sélectionner tout (Partie 1)

31-3 Module de panier d'achat - Sélectionner tout (Partie 2)

31-4 valeur du texte du contenu jQuery

31-5 Module panier - augmenter ou diminuer le nombre d'articles

31-6 Module de panier d'achat - Modifier le sous-total du produit (partie 1)

31-7 Module de panier d'achat - modifier le sous-total du produit (moyen)

31-8 Module de panier d'achat - Modifier le sous-total du produit (partie 2)

31-9 jQuery parcourt les objets de chaque méthode

31-10 jQuery parcourant les données

31-11 Module de panier d'achat - calculer le nombre total et le total

31-12 Créer, ajouter, supprimer des éléments

31-13 Module de panier d'achat - Nettoyer le panier d'achat

31-14 Module de panier d'achat : ajouter une couleur d'arrière-plan aux articles sélectionnés

31-15 méthode de taille jQuery

31-16 Méthodes de positionnement jQuery

31-17 jQuery est passé à la méthode head

31-18 Retour en haut avec animation

31-19 Cas de navigation dans les ascenseurs-Afficher Masquer la navigation dans les ascenseurs

31-20 Cas de navigation d'ascenseur - cliquez pour faire défiler jusqu'à l'emplacement cible

31-21 Cas de navigation d'ascenseur - cliquez sur le li actuel pour ajouter la classe actuelle

31-22 Cas de navigation par ascenseur : la navigation par ascenseur par page coulissante ajoute automatiquement la classe actuelle

31-23 Boîtier de navigation d'ascenseur, papillon des gaz (verrouillage mutex)

32-1 Introduction aux événements jQuery

32-2 Le traitement des événements sur lie un ou plusieurs événements

32-3 on implémente la délégation d'événements et lie les événements à des éléments dynamiques

32-4 Cas de publication Weibo

32-5 hors événement de déliement

32-6 jQuery déclenche automatiquement des événements

32-7 objet d'événement jQuery

32-8 Introduction aux autres méthodes de jQuery

32-9 copyextend de l'objet jQuery (facultatif)

32-10 coexistence de plusieurs bibliothèques jQuery

32-11 Utilisation du plug-in Waterfall

32-12 Technologie de chargement paresseux d’images

32-13 Utilisation du plug-in de défilement en plein écran (facultatif)

33-1 composant d'amorçage

33-2 plugin bootstrapJS

33-3 Ali Baixiu

33-4 Analyse des exigences fonctionnelles de la mise en page Totolist

33-5 idées de base todilist et format de stockage local

33-6 todolist appuyez sur Entrée pour lire les données de stockage local

33-7 todolist appuyez sur Entrée pour enregistrer les dernières données sur le stockage local

33-8 les données de stockage local de todolist sont rendues et chargées dans la page

33-9 todolist cliquez sur le bouton Supprimer pour obtenir le numéro d'index actuel

33-10 todolist cliquez sur le bouton Supprimer pour terminer l'opération de suppression

33-11 Cochez la case pour modifier l'attribut done des données correspondantes

33-12 Todolist est en cours et est terminé

33-13 todolist compte le nombre d'éléments en cours et terminés

33-14 Introduction à la fonction d'enregistrement vidéo

33-15 Style de disposition de la zone de points

33-16 Style de disposition de la zone de carte

33-17 Style de disposition de la zone utilisateur

33-18 Style de disposition de la zone de commande

33-19 Style de disposition de l'espace de vente

33-20 Styles de disposition des canaux et des quarts

33-21 Référence du style de disposition de la zone de classement

33-22 Introduction aux projets de visualisation de données

33-23 Quelle visualisation de données

33-24 Aperçu du projet de visualisation de données

34-1 Introduction aux ECharts

34-2 Utilisation de base d'ECharts

34-3 Choisissez différents types de graphiques

34-4 Configuration du projet ECharts (Partie 1)

34-5 Configuration de la grille ECharts

34-6 Configuration liée aux ECharts (au milieu)

34-7 Configuration du projet ECharts (Partie 2)

34-8 Génération de graphiques de remise et résumé des éléments de configuration

34-9 Analyse de la solution d'adaptation du projet de visualisation de données

34-10 Plan d'adaptation du projet de visualisation de données

34-11 Préparation du projet et suivi du plug-in d'actualisation automatique du navigateur

34-12 Production du corps du projet de visualisation et de la fenêtre d'affichage

34-13 Conteneur de colonnes de projet de visualisation

34-14 Scénarios d'utilisation des images de bordure et principes de découpe

34-15 Syntaxe d'utilisation des images de bordure

34-16 Production de style panel public (Partie 1)

34-17 Production de style panel public (Partie 2)

34-18 Appeler l'icône de la police par nom de classe

34-19 Production de modules de zone d'aperçu du projet de visualisation de données

34-20 Analyse de l'aménagement de la zone de suivi du projet de visualisation des données

34-21 Analyse de commutation de barre d'onglets de zone de surveillance de projet de visualisation de données

34-22 Projet de visualisation de données - défilement transparent de la zone de surveillance

34-23 Disposition du module de point de distribution de points

34-24 Tableau d'introduction des points de distribution des points

34-25 Signification du paramètre d'info-bulle du graphique à secteurs ECharts

34-26 Signification des paramètres de la série de diagrammes circulaires ECharts

34-27 Configuration personnalisée du module de distribution de positionnement (partie 1)

34-28 Configuration personnalisée du module de distribution de positionnement (partie 2)