front_end-demos
Le programme de formation front-end est utilisé pour enregistrer des démos accumulées par le travail et les études personnelles.
| Nom | Code source |
|---|
| KOA + MySQL implémente le site d'envoi du courrier chronométré | |
| Projet Vue-Todo-Demo | code |
| Projet React-Todo-Demo | code |
| Faire glisser et déposer la boîte pour télécharger des fichiers | code |
| Canvas Implémentez un tableau d'images | code |
| toile dessiner un graphique à tarte | code |
| Vue National Day Show-Off Plan H5 Activity Page (Mobile Terminal) | code |
| Tutoriel de héros angulaire | code |
| Tester divers formats audio | |
| Tags audio HTML5 | code |
| Tags vidéo HTML5 | code |
| Structure de données-js Opération Binaire | code |
| Idées de résolution de problèmes Leetcode | code |
| Node utilise Protobuf | code |
| Vue utilise Protobuf | code |
| px2rem | code |
Quels sont les projets frontaux adaptés aux débutants pour pratiquer? . Je l'ai écrit étape par étape, mis le code source sur GitHub, grâce à l'auteur du projet original. Apprentissage natif javascript, par Ferris
Leçon 1
- 1. Contrôler les attributs div
- 2. Remplacement de la peau Web
- 3. La fonction reçoit des paramètres et apparaît
- 4. Utilisez une boucle pour transformer trois divs en rouge
- 5. Déplacez la souris de l'intérieur / sortie pour changer le style
- 6. N'oubliez pas la boîte d'invite de mot de passe
Leçon 2
- 1. Méthode d'entrée Baidu
- 2. Cliquez sur la div pour afficher son innerhtml
- 3. Trouvez la somme de tous les nombres du tableau
- 4. Effet de couche pop-up
- 5. Passez le paramètre de fonction et modifiez la valeur de tout attribut div
- 6. Liste d'images: emménagez / sort pour modifier la transparence de l'image
- 7. Onglet simple
- 8. Calendrier JS simple
- 9. Bouton unique pour afficher / masquer une liste de lecture pour rétrécir et développer
- 10. Effet de la boîte rapide
- 11. Déplacez la souris et modifiez le chemin d'image
- 12. Checkbox (Checkbox) Sélectionnez tout / ne sélectionnez pas tout / Retour pour sélectionner
Leçon 3
- 1. Utilisez le type de types de données
- 2. Utilisez Parseint pour analyser les numéros et la somme
- 3. bouton accumulé, ajoutez 1 par vous-même
- 4. Entrez deux nombres pour comparer les tailles
- 5. Une fois la page chargée, ajoutez 1 par vous-même
- 6. Déterminez si le nombre est un numéro à deux chiffres
- 7. Calculatrice Web
- 8. Horloge Web simple
- 9. Compte à rebours (100 secondes)
Leçon 4
- 1.SetTimeout Application
- 2. Jouez automatiquement un effet de diapositive
- 3. Modifier automatiquement la direction et l'effet de diapositive
- 4.Agruments Application Un pour trouver le total des paramètres de fonction
- 5.CSS Fonction définit / lisez les propriétés de l'objet
- 6. La boîte d'entrée actuelle est mise en évidence
