Front_end-Demos
Das Front-End-Trainingsprogramm wird verwendet, um Demos aufzuzeichnen, die durch persönliche Arbeit und Studie gesammelt wurden.
| Name | Quellcode |
|---|
| KOA+MySQL implementiert zeitgesteuerte Mail -Senden -Website | |
| Vue-Todo-Demo-Projekt | Code |
| React-Todo-Demo-Projekt | Code |
| Drag & Drop -Box, um Dateien hochzuladen | Code |
| Canvas implementieren eine Bildkarte | Code |
| Leinwand zeichnet ein Kreisdiagramm | Code |
| Vue National Day Show-Off Plan H5 Aktivitätsseite (mobiles Terminal) | Code |
| Angular Hero Tutorial | Code |
| Testen verschiedener Audioformate | |
| HTML5 -Audio -Tags | Code |
| HTML5 -Video -Tags | Code |
| Datenstruktur-JS-Betrieb Binärbaum | Code |
| Leetcode Problemlösungsideen | Code |
| Knoten verwendet Protobuf | Code |
| Vue verwendet Protobuf | Code |
| px2rem | Code |
Was sind die Front-End-Projekte für Anfänger zum Üben? . Ich habe es Schritt für Schritt aufgeschrieben und den Quellcode dank des ursprünglichen Projektautors auf GitHub aufgenommen. Native JavaScript -Lernen von Ferris
Lektion 1
- 1. Kontrolldivattribute
- 2. Ersatz für Webhaut
- 3. Die Funktion empfängt Parameter und taucht auf
- 4.. Verwenden Sie eine Schleife, um drei Divs in Rot zu verwandeln
- 5. Bewegen Sie die Maus ein/aus, um den Stil zu ändern
- 6. Denken Sie an das Kennwort -Eingabeaufforderung Box
Lektion 2
- 1. Baidu Eingangsmethode
- 2. Klicken Sie auf die DIV, um seine innere Haltung anzuzeigen
- 3. Finden Sie die Summe aller Zahlen im Array
- 4. Popup-Schicht-Effekt
- 5. Übergeben Sie den Funktionsparameter und ändern Sie den Wert eines beliebigen Div -Attributs
- 6. Bildliste: Verschieben Sie ein/aus, um die Transparenz des Bildes zu ändern
- 7. Einfache Registerkarte
- 8. Einfacher JS -Kalender
- 9. Single -Taste, um eine Wiedergabeliste anzuzeigen/auszublenden, um zu schrumpfen und zu erweitern
- 10. Eingabeaufforderungseffekt
- 11. Bewegen Sie die Maus und ändern Sie den Bildpfad
- 12. Kontrollkästchen (Kontrollkästchen) Wählen Sie alle/nicht alle aus/zurück, um auszuwählen
Lektion 3
- 1. Verwenden Sie Typeof, um Datentypen anzuzeigen
- 2. Verwenden Sie Parseint, um Zahlen und Summe zu analysieren
- 3. Akkumulierte Taste, fügen Sie 1 selbst hinzu
- 4. Geben Sie zwei Zahlen ein, um die Größen zu vergleichen
- 5. Nachdem die Seite geladen wurde, fügen Sie 1 selbst hinzu
- 6. Bestimmen Sie, ob die Zahl eine zweistellige Zahl ist
- 7. Webrechner
- 8. Einfache Webuhr
- 9. Countdown (100 Sekunden)
Lektion 4
- 1.Settimeout -Anwendung
- 2. Spielen Sie automatisch einen Folieneffekt
- 3. ändern automatisch die Richtung und den Folieneffekt
- 4.Argumente Anwendung One, um die Gesamtfunktionsparameter zu finden
- 5.CSS -Funktionssatz/Lesen Sie die Eigenschaften des Objekts
- 6. Das aktuelle Eingangsfeld wird hervorgehoben
