Ciptakan|Temukan kemungkinan kreatif tanpa batas
tujuan kreatif
Ini adalah situs yang menyatukan kreativitas semua orang. Di sini, kita dapat melihat kerja keras para siswa yang berpartisipasi dalam kursus pengembangan front-end Web, melihat pertumbuhan mereka, melihat cinta mereka, dan melihat kreativitas mereka yang tak terbatas! Meskipun tampilan situs ini sangat sederhana, situs siswa sangat kaya dan kreatif. Saya harap Anda dapat menikmatinya!
fungsi struktural
- Kirimkan pekerjaan
- Tampilkan semua karya, termasuk halaman detail tampilan
- Menampilkan daftar peringkat karya dan menyukai karya tersebut
- Kumpulkan karya favorit Anda
rincian teknis
- Dengan memantau ukuran jendela browser, gambar banner halaman beranda selalu dalam layar penuh
- Ubah bilah navigasi dengan memantau posisi gulir
- Tata letak: metode tata letak tradisional position+float, termasuk beberapa trik seperti tampilan: inline-block dan clear float.
- Ikon menggunakan iconfont
- -Gaya webkit-scrollbar mengubah bilah gulir untuk membuat halaman web lebih indah
- Gunakan kelas semu untuk mencapai beberapa efek pada daftar peringkat
- Membuat beberapa efek warna geser pada tepi kartu
- Menyadari pembuatan templat seluruh halaman situs, memperoleh konten templat melalui ajax, dan merendernya di halaman.
- Gunakan lokasi untuk mendapatkan parameter url saat ini, sehingga halaman yang berbeda dapat menggunakan templat yang berbeda dan beberapa efek spesifik. Efek ini dapat dicapai hanya dengan satu fungsi, dan parameternya adalah nama templat.
- Gunakan js untuk mengontrol atribut tampilan beberapa efek untuk mencapai beberapa efek spesifik di kolom favorit saya
- Kirimkan halaman dengan menyelinap ke submit.php (menggunakan bootstrap untuk mendapatkan efek gaya formulir), mengirimkannya ke database, lalu mengambilnya dari getdata.php dan membuat string json.
- Saat situs web memperoleh data, metode sinkronisasi ajax digunakan untuk mendapatkan string json dari getdata.php. Pada saat yang sama, panggilan rekursif digunakan saat mengulang string json untuk menyelesaikan beberapa masalah asinkron yang disebabkan oleh penggunaan ajax.
- Gunakan penyimpanan sesi untuk menyimpan data yang diambil
- Menerapkan fungsi pengurutan berdasarkan nilai bintang pada halaman peringkat
- Sematkan placeholder di templat untuk menempatkan data yang diambil di tempat yang benar
- Untuk halaman detail, digunakan fungsi untuk mendapatkan parameter url sehingga akun yang berbeda dapat menampilkan halaman detail yang berbeda.