front_end-demos
Program pelatihan front-end digunakan untuk merekam demo yang diakumulasikan oleh pekerjaan dan studi pribadi.
| Nama | Kode Sumber |
|---|
| KOA+MySQL mengimplementasikan situs web pengiriman surat waktunya | |
| Proyek Vue-Todo-Demo | kode |
| Proyek React-Todo-Demo | kode |
| Seret dan lepas kotak untuk mengunggah file | kode |
| Kanvas mengimplementasikan papan gambar | kode |
| Kanvas menggambar diagram lingkaran | kode |
| Halaman aktivitas Rencana Pertunjukan Hari Nasional Vue (Terminal Seluler) | kode |
| Tutorial pahlawan sudut | kode |
| Menguji berbagai format audio | |
| Tag audio HTML5 | kode |
| Tag video HTML5 | kode |
| Struktur Data-JS Pohon Biner Operasi | kode |
| Ide pemecahan masalah leetcode | kode |
| Node menggunakan protobuf | kode |
| Vue menggunakan protobuf | kode |
| px2rem | kode |
Apa proyek front-end yang cocok untuk dipraktikkan pemula? . Saya menuliskannya langkah demi langkah, menempatkan kode sumber di GitHub, terima kasih kepada penulis proyek asli. Pembelajaran Javascript Asli, oleh Ferris
Pelajaran 1
- 1. Kontrol Atribut Div
- 2. Penggantian kulit web
- 3. Fungsi menerima parameter dan muncul
- 4. Gunakan loop untuk mengubah tiga divs menjadi merah
- 5. Pindahkan mouse masuk/keluar untuk mengubah gaya
- 6. Ingat kotak prompt kata sandi
Pelajaran 2
- 1. Metode Input Baidu
- 2. Klik Div untuk menampilkan InnerHTML -nya
- 3. Temukan jumlah semua angka dalam array
- 4. Efek lapisan pop-up
- 5. Lewati parameter fungsi dan ubah nilai atribut div apa pun
- 6. Daftar gambar: Pindah/keluar untuk mengubah transparansi gambar
- 7. Tab Sederhana
- 8. Kalender JS Sederhana
- 9. Tombol tunggal untuk menampilkan/menyembunyikan daftar putar untuk menyusut dan memperluas
- 10. Efek Kotak Prompt
- 11. Pindahkan mouse ke atas dan memodifikasi jalur gambar
- 12. Kotak centang (kotak centang) Pilih Semua/Tidak Pilih Semua/Kembali ke Pilih
Pelajaran 3
- 1. Gunakan tipeof untuk melihat tipe data
- 2. Gunakan parseint untuk parse angka dan jumlah
- 3. Tombol Akumulasi, Tambahkan 1 Sendiri
- 4. Masukkan dua angka untuk membandingkan ukuran
- 5. Setelah halaman dimuat, tambahkan 1 sendiri
- 6. Tentukan apakah angka tersebut merupakan angka dua digit
- 7. Kalkulator Web
- 8. Jam Web Sederhana
- 9. Countdown (100 detik)
Pelajaran 4
- 1. Aplikasi Salet
- 2. Secara otomatis mainkan efek slide
- 3. Secara otomatis mengubah arah dan efek geser
- 4.AGRUMEN APLIKASI Satu untuk menemukan total parameter fungsi
- 5.CSS Fungsi Set/Baca Properti Objek
- 6. Kotak input saat ini disorot
