Le cours front-end qui vous comprend le mieux : HTML5/CSS3/ES6/NPM/Vue/...[Original]

Installer l'éditeur VScode

Installer Chrome Google Chrome

Installation et utilisation du plug-in universel VScode

Démarquage VScode et paramètres de police

règles de grammaire de démarque

Bases du HTTP

Analyse des termes courants dans le développement Web

structure du document HTML

Étiquette simple et double étiquette

Affichage pratique des pages front-end

Utilisation du plug-in Live Server

Relation entre le client et le serveur local

Rédiger des documents de démarque

icône de fichier personnalisé vscode

Laissez le code voler – Syntaxe Emmet

attributs communs HTML et attributs par défaut

attributs d'événement HTML et attributs personnalisés

Balises sémantiques de mise en page couramment utilisées

Balise Image-Link-List

Implémenter des listes de graphiques et de textes et la navigation

Explication détaillée des tableaux HTML

Formulaire moyen d'interaction de données

Soumission du formulaire HTTP POST

Masquer et afficher la boîte de mot de passe du formulaire

bouton radio

case à cochercase à cocher

Menu déroulant Contrôle de formulaire

type de bouton de formulaire

L'élément iframe en ligne charge la carte Baidu

La balise vidéo charge la courte vidéo de Douyin

Une petite expérience pratique avec les frames en ligne : création d'une page d'accueil backend allégée

Objectifs de programmation CSS

Interpréter les sources de style d'élément

Problème de priorité de référence de style

héritage de style

Explication complète des sélecteurs de base

sélecteur de niveau

Analyse détaillée du poids des sélecteurs

Sélecteur de pseudo-classe structurelle

Paramètres du sélecteur de pseudo-classe

Correspondance rapide de pseudo-classe

Forme pseudo-classe

Utilisation d'icônes de police

Artefact de mise en page - modèle de boîte

unité de mise en page CSS

Unités de fenêtre vh-vw

Styles de tableaux couramment utilisés (pseudo-classes)

Requête multimédia – adaptation de la mise en page mobile

Éléments de positionnement et de positionnement

Pratique de positionnement de la boîte modale de connexion

disposition flexible et flexible - conteneur

Propriétés dans le conteneur flexible

propriétés de l'élément flexible

Fenêtre d'affichage (fenêtre de mise en page, fenêtre visuelle, fenêtre idéale)

Solution de mise en page mobile (rem+vw)

Propriétés du conteneur de grille et propriétés du projet

Gameplay avancé de disposition en grille

Grid implémente la disposition du Saint Graal

Composant de disposition de grille personnalisé

Cas pratique de disposition en grille

Installez Node.js pour exécuter des scripts JavaScript

Membres dans le flux d'exécution du code et du programme

Réutilisation de variables (données) et de blocs de code (programmes)

Une brève analyse des fonctions JavaScript

Portée JavaScript et chaîne de portée

Constantes JavaScript

Convention de dénomination des identifiants

Comment les fonctions anonymes sont exécutées

Fonctions fléchées et scénarios d'utilisation

...Utilisation classique des paramètres de repos

valeur de retour de la fonction

Type de données JS - tableau

Objet JS - encapsulation des données et des méthodes

Identité cachée et utilisation des fonctions JS

Contrôle de processus : branche unique et branche double

contrôle de processus multibranches

boucle de jugement de type entrée while

pour、pour-de、pour-dans循环

Une approche simplifiée des littéraux d'objet

Littéraux de modèle et fonctions de modèle

Fermeture : la fonction partielle implémente le partitionnement des données

Fonction JS pure

Propriétés de l'accesseur JS

Classes et objets JS

Héritage de classe (extension)

Utilisation des propriétés d'accesseur dans les classes JS

Affectation de déstructuration - déstructuration de tableaux et déstructuration d'objets

JS dans le navigateur

Récupérer et manipuler des éléments DOM

Récupérer les éléments du formulaire DOM

Parcourez l'arborescence DOM

Ajouter, supprimer et modifier des éléments DOM

Contenu de l'élément d'opération JS

Pratique de fonctionnement du DOM : forum de messages

Propriétés personnalisées : objet d'ensemble de données

Attribut de classe d'opération JS - objet classList

Ajouter et supprimer des événements

Bullage événementiel et délégation événementielle

Résumé des événements du formulaire

Mécanisme d'exécution JS : thread unique + boucle temporelle

Démo asynchrone monothread

API couramment utilisées dans les chaînes

Une collection complète d'opérations sur les tableaux js (méthodes pop, push, unshift, delete, shift)

Méthodes d'itération et de parcours de tableau

Opérations de séparation, d'inversion, d'épissage et de mise à jour des tableaux

JS natif en action : onglets

Combat pratique : calcul automatique des articles du panier

Publication et abonnement d'événements

Combat pratique : 15 lignes de code pour implémenter un graphique carrousel

Combat pratique : chargement paresseux

Combat pratique : gestionnaire d'albums Web réactif

Explication détaillée de JSON dans JS

requête de données asynchrone ajax-xhr

La vie passée et présente de Promise

Statut de la promesse : en attente réalisée rejetée

Déclenchez différents rappels en fonction du statut de la promesse

Récupérer l'API

Développement modulaire JS

Notions de base sur les nœuds

La commande Node exécute le script js

Commande npm pour installer et supprimer les dépendances du projet

npm installe les packages de dépendances globaux

Règles relatives au numéro de version du package

Vérification et mise à jour de la version du package

Installation et synchronisation du plug-in de nœud

Le principe sous-jacent du modèle de conception CPS à Ndoe

Explication détaillée de la spécification CommomJS modulaire côté Nodejs

Explication détaillée du module http Nodejs

Module de fichiers Nodejs

Module de chemin Nodejs

Principe de mise en œuvre du contrôle de version Git

initialisation de l'entrepôt local git

processus de soumission de code git

restauration du fichier de paiement git

Configurer l'entrepôt distant associé

tutoriel de configuration git ssh

Résumé des commandes git courantes

vue crée des pages dynamiques

Points de montage, instances de vue, injection de données, réactivité

utilisation de la directive v-text v-html v-once

Différentes façons d'écrire des styles de liaison dynamique vue

vue entrée liaison retardée bidirectionnelle

liaison d'événement vue

v-pour le rendu de liste

rendu conditionnel de vue

modificateurs de clavier vue

Les propriétés calculées de Vue implémentent la fonction de panier d'achat

surveillance des données de surveillance de vue

Enregistrer le composant global vue

Le composant enfant reçoit les données du composant parent

Écouter les événements des composants enfants