javascript - Hujung hadapan banyak halaman web dipotong daripada keseluruhan gambar dengan banyak bahan kecil seperti ikon butang, dll. Mengapa ini? Adakah pembangunan mudah alih juga akan beroperasi dengan cara ini?

Question

Sebagai contoh, ikon dengan pensijilan v ini di Weibo

Mengapa tidak biarkan UI dibahagikan kepada kumpulan fail dan bukannya memangkasnya apabila menggunakannya?
By the way, adakah ini akan dilakukan pada telefon bimbit dalam pembangunan sebenar?

Answer 1

Sumber bersaiz kecil dan kuantiti yang besar Jika dibahagikan kepada satu kumpulan fail, sejumlah besar permintaan http akan dihasilkan apabila halaman web dimuatkan

Daripada mengatakan mengapa ia tidak dibahagikan kepada satu kelompok fail, lebih baik anda menyepadukan fail kecil bersama-sama dan menerbitkannya untuk meningkatkan keupayaan baharu.

Answer 2

Anda boleh mencari kata kunci seperti gambar sprite, gambar sprite, gambar sprite

Answer 3

Ini ialah kesan sprite CSS
Prinsip: Gabungkan ikon kecil dan imej latar belakang ke dalam satu imej, kemudian gunakan kedudukan latar belakang CSS untuk memaparkan bahagian imej yang perlu dipaparkan
Tujuan: Kurangkan masa diperlukan untuk memuatkan imej halaman web Bilangan permintaan ke pelayan meningkatkan kelajuan memuatkan halaman
Masalah: Apabila memuatkan buat kali pertama, penggunaan memori agak besar, dan gambar atau ikon yang tidak perlu juga akan dimuatkan. ke dalam ingatan.

---

Kesan sprite secara amnya tidak digunakan pada telefon bimbit
Sebabnya ialah memori telefon bimbit tidak kaya, dan sumber pada telefon mudah alih biasanya dimuatkan ke dalam memori apabila ia digunakan (pemuatan malas), dan menggunakan sprite akan memperbaiki imej. penyelenggaraan Kos ialah lebih banyak operasi css diperlukan untuk memaparkan imej yang ditentukan apabila menggunakan imej Pada masa yang sama, dalam iOS, menggunakan imej sprite juga meningkatkan kesukaran menyesuaikan imej ke telefon mudah alih yang berbeza .

.