Coretan Kod 2025, Mungkin

Pengendalian Acara Moden - Trik CSS

Pengendalian Acara Moden - Trik CSS

Ini lebih baik daripada melakukan acara "window.onload" tradisional, kerana dapat melampirkan banyak pengendali acara ke satu acara dan mereka semua dipanggil. "

Ringankan / Gelapkan Warna - Trik CSS

Ringankan / Gelapkan Warna - Trik CSS

Pra-prosesor CSS Sass and Less dapat mengambil warna apa pun dan menggelapkan () atau meringankan () dengan nilai tertentu. Tetapi tidak ada kemampuan seperti itu yang dimasukkan ke dalam JavaScript. "

Pindahkan Kursor ke Akhir Input - Trik CSS

Pindahkan Kursor ke Akhir Input - Trik CSS

Di mana el adalah rujukan untuk input atau textarea. fungsi bergerakCursorToEnd (el) (if (typeof el.selectionStart == "number") (el.selectionStart = "

Pembolehubah String Multiline dalam JavaScript - Trik CSS

Pembolehubah String Multiline dalam JavaScript - Trik CSS

Ini berfungsi: var htmlString = "Ini rentetan."; Ini gagal: var htmlSTring = "Ini rentetan."; Kadang-kadang ini wajar untuk dibaca. Tambah"

Jadikan Elemen HTML5 Berfungsi di IE Lama - Trik CSS

Jadikan Elemen HTML5 Berfungsi di IE Lama - Trik CSS

Supaya DOM (dan dengan itu CSS) mengenalinya sebagai elemen sebenar: (fungsi () (jika (! / * @ Cc_on! @ * / 0) kembali; var e = "

Loop Over querySelectorAll Matches - Trik CSS

Loop Over querySelectorAll Matches - Trik CSS

Mari lihat beberapa pilihan untuk berulang melalui NodeList, semasa anda kembali dari menjalankan document.querySelectorAll. Kami telah menulis artikel yang dikemas kini mengenai "

Gelung Melalui Array Tanpa Pencarian Boros - Trik CSS

Gelung Melalui Array Tanpa Pencarian Boros - Trik CSS

Cari panjang array sebelum menggunakannya dalam fungsi for, jadi tidak perlu mengira panjang array setiap lelaran (dengan andaian panjangnya "

Nilai Papan Kekunci (kod kunci, metaKey, dll) - Trik CSS

Nilai Papan Kekunci (kod kunci, metaKey, dll) - Trik CSS

Apabila KeyboardEvent diaktifkan, anda dapat menguji kunci mana yang ditekan kerana peristiwa itu mengandungi maklumat yang tidak dapat anda gunakan untuk menulis logik. "

Dapatkan Bahagian URL dan Bahagian URL dalam JavaScript - Trik CSS

Dapatkan Bahagian URL dan Bahagian URL dalam JavaScript - Trik CSS

JavaScript boleh mengakses URL semasa di beberapa bahagian. Untuk URL ini: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

JavaScript MD5 - Trik CSS

JavaScript MD5 - Trik CSS

Var MD5 = function (string) (function RotateLeft (lValue, iShiftBits) (return (lValue> (32-iShiftBits));) fungsi AddUnsigned (lX, lY) (var "

Array JavaScript Mengandungi - Trik CSS

Array JavaScript Mengandungi - Trik CSS

Objek javascript sangat bagus, tetapi kadang-kadang mereka kehilangan beberapa fungsi / kaedah kecil yang berguna. Contoh di atas adalah dengan Arrays. Ia memang"

Masukkan dengan Gambar Latar yang Hilang - Trik CSS

Masukkan dengan Gambar Latar yang Hilang - Trik CSS

Ini mereplikasi fungsi medan Carian Google yang boleh disematkan standard. Mereka memiliki gambar di latar belakang dan ketika input diklik "

Selang - Trik CSS

Selang - Trik CSS

Standard Anda tidak perlu membuat pemboleh ubah, tetapi itu adalah amalan yang baik kerana anda boleh menggunakan pemboleh ubah tersebut dengan clearInterval untuk menghentikan yang sedang berjalan "

Suntik HTML Dari Rentetan HTML - Trik CSS

Suntik HTML Dari Rentetan HTML - Trik CSS

Katakan anda mempunyai beberapa HTML yang berupa string: let string_of_html = `

Cool
`; Mungkin ia berasal dari API atau anda telah membuatnya sendiri dari "

Suntikan Peraturan CSS Baru - Trik CSS

Suntikan Peraturan CSS Baru - Trik CSS

Sekiranya anda perlu mengubah gaya elemen dengan JavaScript, biasanya lebih baik menukar nama kelas dan CSS sudah ada di halaman "

Butang "Kembali" - Trik CSS

Butang "Kembali" - Trik CSS

Penyemak imbas sudah mempunyai butang "kembali", jadi sebaiknya anda mempunyai alasan yang baik untuk meletakkannya di halaman anda! Butang input dengan JavaScript sebaris "

Dapatkan Kunci YouTube dari Pautan - Trik CSS

Dapatkan Kunci YouTube dari Pautan - Trik CSS

Contoh pautan: // Pautan Youtube var youtubeLink = document.getElementById ('myLink'). Href; var youtubeVideoKey = "

HtmlEntiti untuk JavaScript - Trik CSS

HtmlEntiti untuk JavaScript - Trik CSS

Htmlentities () adalah fungsi PHP yang menukar watak khas (seperti <) menjadi nilai yang dilarikan / dikodkan (seperti <). Ini membolehkan anda menunjukkan "

Dapatkan Pemboleh ubah URL - Trik CSS

Dapatkan Pemboleh ubah URL - Trik CSS

Fungsi getQueryVariable (variabel) (var query = window.location.search.substring (1); var vars = query.split ("&"); untuk (var i = 0; i "

Pemboleh ubah Global - Trik CSS

Pemboleh ubah Global - Trik CSS

Menyatakan pemboleh ubah di luar fungsi ... var oneVariable; function setVariable () (oneVariable = "Pemboleh ubah ditetapkan dari dalam fungsi!";) fungsi "

Dapatkan Segala Kemungkinan Acara DOM - Trik CSS

Dapatkan Segala Kemungkinan Acara DOM - Trik CSS

Anda boleh mendapatkan pelbagai acara yang bermula dengan "on" (contohnya onclick) dengan menjalankannya di Console of Firefox. .filter (fungsi (i) (kembali "

Dapatkan Saiz Objek - Trik CSS

Dapatkan Saiz Objek - Trik CSS

Seperti dalam jumlah bilangan kunci. fungsi objekSize (the_object) (/ * fungsi untuk mengesahkan kewujudan setiap kunci dalam objek untuk mendapatkan jumlah yang sah "

Fungsi Panggilan dengan Pemasa Rawak - Trik CSS

Fungsi Panggilan dengan Pemasa Rawak - Trik CSS

Function randRange (data) (var newTime = data; return newTime;) function toggleSomething () (var timeArray = Array baru (200, 300, 150, 250, 2000, 3000, "

Format Mata Wang - Trik CSS

Format Mata Wang - Trik CSS

Fungsi ini akan membundarkan nombor hingga dua tempat perpuluhan, dan memastikan bahawa nilai yang dikembalikan mempunyai dua tempat perpuluhan. Contohnya 12.006 akan kembali 12.01, "

Betulkan IE 10 pada Windows Phone 8 Viewport - Trik CSS

Betulkan IE 10 pada Windows Phone 8 Viewport - Trik CSS

(fungsi () (if (navigator.userAgent.match (/IEMobile/10.0/)) (var msViewportStyle = document.createElement ("style"); msViewportStyle.appendChild ("

Kosongkan Array - Trik CSS

Kosongkan Array - Trik CSS

Ini adalah salah satu kaedah terpantas dan termudah untuk mengosongkan array. Sudah tentu ada cara lain, tetapi biasanya termasuk penciptaan susunan baru. "

Kandungan yang Diperlukan JavaScript dengan Kandungan Ganti - Trik CSS

Kandungan yang Diperlukan JavaScript dengan Kandungan Ganti - Trik CSS

Kawasan yang diperlukan JavaScript disembunyikan dengan CSS sebaris, dan kemudian ditunjukkan setelah dimuat dengan potongan kecil JavaScript. Di bawah itu, tag noscript digunakan "

Pembalakan Konsol Bebas Ralat - Trik CSS

Pembalakan Konsol Bebas Ralat - Trik CSS

Var Fb = (); // Literal objek kosong untuk memegang fungsi Fb.log = function (obj, consoleMethod) (if (window.console && window.console.firebug && "

Lembaran Gaya berbeza Menunggu Waktu Hari - Trik CSS

Lembaran Gaya berbeza Menunggu Waktu Hari - Trik CSS

Namakan fail css anda dengan sewajarnya: night.css, day.css, dll ... Satu bonus hebat adalah kerana JavaScript mendapat masa dari mesin tempatan dan bukannya dari "