CSS sedang mendapat penjana nombor rawak asli pertamanya dengan fungsi random() yang baharu, kini tersedia dalam Safari Technology Preview . Walaupun ini membawa kemungkinan menarik untuk mencipta kesan visual dinamik tanpa JavaScript , komuniti pembangun sedang membangkitkan persoalan penting mengenai keselamatan, prestasi, dan aplikasi praktikal.
Sokongan Pelayar Semasa
- Safari Technology Preview : Disokong (eksperimen)
- Chrome : Tidak disokong
- Firefox : Tidak disokong
- Edge : Tidak disokong
- Status: Tiada pelayar yang telah dihantar kepada pengguna secara lalai
- Spesifikasi: CSS Values and Units Module Level 5 (draf)
 |
|---|
Meneroka fungsi random() baharu yang menarik dalam CSS untuk penggayaan dinamik |
Kelemahan Keselamatan Membimbangkan Pembangun
Perbincangan paling hangat tertumpu pada risiko keselamatan yang berpotensi. Pembangun bimbang bahawa orang ramai mungkin menyalahgunakan ciri penggayaan ini untuk aplikasi sensitif keselamatan, sama seperti bagaimana fungsi rawak bukan kriptografi lain telah digunakan secara tidak sesuai pada masa lalu. Kebimbangan adalah seseorang mungkin cuba melaksanakan penjanaan kata laluan atau protokol keselamatan lain menggunakan CSS , yang boleh mewujudkan kelemahan serius.
Jika anda melaksanakan protokol keselamatan dalam aplikasi pengeluaran menggunakan CSS maka anda layak digodam dan kemudian disaman kerana kecuaian.
Walau bagaimanapun, yang lain berpendapat bahawa mengharapkan keselamatan kriptografi daripada fungsi stylesheet adalah tidak munasabah. Perdebatan ini menyerlahkan cabaran yang lebih luas dalam pembangunan web: bagaimana untuk mencegah penyalahgunaan alat sambil memastikan ia mudah dan fokus pada tujuan yang dimaksudkan.
Persoalan Prestasi dan Kaedah Alternatif
Ahli komuniti juga membincangkan implikasi prestasi dan penyelesaian sedia ada. Sesetengah pembangun menunjuk kepada prinsip cicada - teknik bijak yang menggunakan corak nombor perdana untuk mencipta kesan visual pseudo-rawak yang mungkin lebih boleh diramal dan berprestasi daripada rawak sebenar.
Prinsip cicada menggunakan pelbagai corak bertindih dengan saiz nombor perdana yang berbeza untuk mencipta penampilan rawak tanpa benar-benar menjana nombor rawak.
Yang lain menyatakan mereka kini mencapai kesan serupa dengan menetapkan sifat tersuai CSS dengan JavaScript , menjadikan fungsi baharu ini tambahan yang dialu-alukan yang mengurangkan pergantungan JavaScript .
 |
|---|
Cipta kesan visual dinamik menggunakan fungsi CSS random() yang baharu |
Aplikasi Dunia Sebenar Terhad
Beberapa pembangun mempersoalkan sama ada fungsi random() menangani keperluan perniagaan yang tulen. Contoh yang ditunjukkan - medan bintang, timbunan foto, dan roda nasib - terasa lebih seperti demonstrasi daripada aplikasi praktikal untuk kerja pembangunan web biasa.
Fungsi ini menggunakan sintaks mudah: random(min, max, step) di mana anda menentukan julat dan saiz langkah pilihan. Sebagai contoh, random(0, 100) menjana nombor antara 0 dan 100, manakala random(0turn, 1turn, .25turn) mencipta nilai putaran dalam kenaikan suku pusingan.
Sintaks Fungsi random() CSS
- Corak asas:
random(min, max, step) - Semua argumen mesti menggunakan jenis nombor yang sepadan (integer, peratusan, panjang, sudut)
- Argumen step adalah pilihan
- Contoh:
random(0, 100)- integer antara 0 dan 100random(0turn, 1turn, .25turn)- putaran dalam langkah suku pusingan
 |
|---|
Menggambarkan aplikasi berpotensi bagi fungsi CSS random() dengan reka bentuk roda berputar |
Sokongan Pelayar dan Status Spesifikasi
Pada masa ini, hanya Safari Technology Preview menyokong ciri ini, dan tiada pelayar telah menghantarnya kepada pengguna secara lalai. CSS Working Group masih membincangkan spesifikasi, dengan beberapa isu terbuka mengenai sama ada pendekatan ini terbaik memenuhi keperluan pembangun.
Pasukan WebKit secara aktif mencari maklum balas daripada pembangun yang menguji ciri ini, kerana input komuniti akan mempengaruhi secara langsung pelaksanaan akhir. Ini mewakili peluang bagi pembangun untuk membentuk bagaimana CSS berkembang.
Walaupun fungsi random() membuka kemungkinan kreatif baharu untuk penggayaan web, perbincangan komuniti mendedahkan pertimbangan penting mengenai keselamatan, prestasi, dan utiliti praktikal yang mungkin akan mempengaruhi bentuk akhir dan penggunaannya.
Rujukan: Rolling the Dice with CSS random()