cari
Rumahhujung hadapan webtutorial cssAnalisis sebab anda tidak patut menggunakan pertukaran CSS Expression_Experience

Gunakan ungkapan JavaScript dalam Ungkapan CSS. Sifat CSS ditetapkan berdasarkan penilaian ungkapan JavaScript.
Ekspresi CSS tidak berfungsi dalam penyemak imbas lain, jadi lebih berguna untuk menyediakannya secara berasingan untuk IE dalam pengekodan silang penyemak imbas.
Ekspresi CSS disokong bermula dari IE5. Mari lihat kod berikut:

Salin kod Kod tersebut adalah seperti berikut:

latar belakang- color: expression( (new Date()).getHours()%2 ? "#F00" : "#00F" );

Kod di atas menggunakan CSS Expression untuk menukar warna latar belakang setiap jam .
Masalah dengan CSS Expression ialah kekerapan pengiraannya jauh lebih tinggi daripada yang dibayangkan. Bukan sahaja apabila halaman dipaparkan dan dizum, tetapi juga apabila halaman itu ditatal dan walaupun tetikus dialihkan, ia akan dikira semula. Tambahkan pembilang pada Ungkapan CSS untuk menjejak kekerapan ungkapan dinilai. Anda boleh mencapai lebih daripada 10,000 pengiraan dengan mudah dengan hanya menggerakkan tetikus pada halaman.
Salah satu cara untuk mengurangkan bilangan pengiraan Ungkapan CSS ialah menggunakan ungkapan satu kali, yang memberikan hasil kepada atribut gaya yang ditentukan pada kali pertama ia dijalankan dan menggunakan atribut ini dan bukannya Ungkapan CSS.
Jika sifat gaya mesti berubah secara dinamik semasa kitaran halaman, menggunakan pengendali acara dan bukannya ungkapan CSS ialah pendekatan yang boleh dilaksanakan. Jika anda mesti menggunakan Ungkapan CSS, pastikan anda ingat bahawa ia dikira beribu-ribu kali dan mungkin memberi kesan kepada prestasi halaman anda. Jangan biarkan pengguna anda merasakan bahawa mesin akan menjadi sangat perlahan apabila mereka membuka halaman anda.


Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Berita Platform Mingguan: Aplikasi Web di Kedai Galaxy, Cerita Tappable, CSS SubgridBerita Platform Mingguan: Aplikasi Web di Kedai Galaxy, Cerita Tappable, CSS SubgridApr 14, 2025 am 11:20 AM

Dalam roundup minggu ini: Firefox Gains Locksmith seperti kuasa, Samsung ' s Galaxy Store mula menyokong aplikasi web progresif, subgrid CSS adalah penghantaran di Firefox

Kekuatan (dan keseronokan) skop dengan sifat tersuai CSSKekuatan (dan keseronokan) skop dengan sifat tersuai CSSApr 14, 2025 am 11:11 AM

Anda mungkin sudah sekurang -kurangnya sedikit biasa dengan pembolehubah CSS. Jika tidak, inilah gambaran keseluruhan dua saat: mereka benar-benar dipanggil sifat tersuai, anda menetapkan

Kami adalah pengaturcaraKami adalah pengaturcaraApr 14, 2025 am 11:04 AM

Laman web bangunan adalah pengaturcaraan. Menulis HTML dan CSS adalah pengaturcaraan. Saya seorang pengaturcara, dan jika anda ' di sini, membaca css-tricks, kemungkinan anda '

Bagaimana anda mengeluarkan CSS yang tidak digunakan dari laman web?Bagaimana anda mengeluarkan CSS yang tidak digunakan dari laman web?Apr 14, 2025 am 10:59 AM

Di sini ' s Apa yang saya suka untuk mengetahui pendahuluan: Ini adalah masalah yang sukar. Sekiranya anda mendarat di sini kerana anda berharap dapat menunjuk pada alat yang boleh anda jalankan

Pengenalan kepada API Web Picture-in-PicturePengenalan kepada API Web Picture-in-PictureApr 14, 2025 am 10:57 AM

Picture-in-Picture membuat penampilan pertamanya di web di pelayar safari dengan pembebasan macos Sierra pada tahun 2016. Ia memungkinkan pengguna untuk muncul

Cara untuk mengatur dan menyediakan imej untuk kesan kabur menggunakan GatsbyCara untuk mengatur dan menyediakan imej untuk kesan kabur menggunakan GatsbyApr 14, 2025 am 10:56 AM

Gatsby melakukan pemprosesan kerja yang hebat dan mengendalikan imej. Contohnya, ia membantu anda menjimatkan masa dengan pengoptimuman imej kerana anda tidak perlu secara manual

Oh hei, peratusan padding didasarkan pada elemen induk ' s lebarOh hei, peratusan padding didasarkan pada elemen induk ' s lebarApr 14, 2025 am 10:55 AM

Saya belajar sesuatu mengenai padding berasaskan peratusan hari ini bahawa saya benar-benar salah di kepala saya! Saya selalu menganggap bahawa padding peratusan berdasarkan

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
4 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
4 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
4 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
1 bulan yang laluBy尊渡假赌尊渡假赌尊渡假赌

Alat panas

Dreamweaver Mac版

Dreamweaver Mac版

Alat pembangunan web visual

SublimeText3 versi Inggeris

SublimeText3 versi Inggeris

Disyorkan: Versi Win, menyokong gesaan kod!

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

Muat turun versi mac editor Atom

Muat turun versi mac editor Atom

Editor sumber terbuka yang paling popular

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.