haixiu

Jangan malu?

Cara menggunakan

? Metode 1

Akses langsung: https://iuroc.github.io/haixiu/.

? Metode 2

Garpu proyek ini, lalu gunakan Halaman Github untuk menyebarkan direktori /docs .

Fitur proyek

1. Website statis murni, dapat di-deploy langsung menggunakan Halaman Github
2. Mendukung paging data dan tampilan berdasarkan tag, dan mendukung pengguliran ke bawah untuk secara otomatis menambahkan konten halaman berikutnya
3. Terapkan penampil gambar berkualitas tinggi berdasarkan PhotoSwipe
4. Saat penampil gambar mengganti gambar, daftar thumbnail akan bergulir dan mengikuti ke mana pun Anda melihatnya.
5. Saat penampil gambar mencapai gambar terakhir, halaman data berikutnya secara otomatis ditambahkan tanpa mengganggu penelusuran.
6. Berdasarkan Hash Lokasi, implementasinya mendukung history.back() untuk menutup penampil gambar dan kompatibel dengan kunci kembali ponsel.
7. Diimplementasikan berdasarkan Hash Lokasi untuk mendukung history.forward() untuk membuka penampil gambar dan secara otomatis memulihkan lokasi terakhir
8. Saat menutup penampil gambar melalui Hash, ini mendukung interupsi animasi, yang merupakan pengalaman luar biasa
9. Secara otomatis mencatat posisi bilah gulir dan menghilangkan dampak peristiwa HashChange pada bilah gulir

Teknologi terkait

1. Menggunakan perayap API Ambil Node.js
2. Setelah data dirayapi, halaman disimpan ke dalam beberapa file JSON, dengan nomor halaman dan informasi tag ditandai di nama file.
3. Front end menggunakan framework Van.js untuk membangun UI yang responsif
4. Front end secara langsung meminta file JSON statis melalui Fetch untuk mengimplementasikan permintaan paging.
5. Terapkan penampil gambar menggunakan perpustakaan PhotoSwipe

Pembaruan sumber daya

Silakan periksa dokumen ini: Program Pengumpulan Gambar README