Cuplikan Kode 2025, Januari

Dengan asumsi Anda memiliki elemen di DOM:

Dapatkan referensi ke elemen DOM tersebut: const el = document.querySelector ("# el"); Terus Anda"

Pengujian Agen Pengguna menyebalkan, tetapi terkadang Anda membutuhkannya untuk hal-hal yang tidak kentara. Dalam kasus saya, saya menggunakannya untuk menyesuaikan apa yang saya tampilkan untuk tombol pintasan keyboard "

Tidak semua browser mendukung semua atribut di semua elemen. Ada sejumlah atribut baru di HTML5, jadi ide pengujian untuk melihat jenis browser "

Biasanya tombol tab berpindah ke hal yang dapat difokuskan berikutnya. Ini menyisipkan karakter tab sebagai gantinya. HTMLTextAreaElement.prototype.getCaretPosition = function "

Spasi putih, artinya tab dan spasi. Vanilla JavaScript (Pangkas Memimpin dan Mengikuti) var str = "abcdefg"; var newStr = str.trim (); // "abcde f"

Let strippedString = originalString.replace (/ (<(+)>) / gi, ""); CodePen Embed Fallback "

Seret dan lepas HTML5 sangat bagus untuk menangani unggahan file. Tapi jika itu satu-satunya tujuan Anda menggunakannya, senang mengetahui apakah ada dragenter tertentu "

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// lakukan hal khusus IE) else (// lakukan hal yang bukan khusus IE) "

Penggunaan sebaris: Klik di sini untuk mengubah visibilitas elemen #foo This is foo "

Teknik # 1 fungsi Acak (o) (untuk (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); kembali o;); Penggunaan var testArray "

Var someString = "Halo 123 Dunia!"; newString = someString.replace (// g, ''); // console.log (newString); // "Halo Dunia!";"

"mobile.html" akan diganti dengan lokasi di mana pun versi seluler Anda berada. Teknik ini dapat diadaptasi untuk memuat lembar gaya alternatif "

Elemen dengan atribut contenteditable dapat langsung diedit di jendela browser. Tapi tentu saja perubahan itu tidak memengaruhi dokumen yang sebenarnya "

Ooo ini pintar! Saya mengambil ini dari blog David. const isRequired = () => (lempar Error baru ('param diperlukan');); const hello = (name = "

Var myArray =; var randomItem = myArray; Lihat Pen gLJPZv oleh Chris Coyier (@chriscoyier) di CodePen. "

Dalam hal animasi, kami diberitahu bahwa setInterval adalah ide yang buruk. Karena, misalnya, loop akan berjalan terlepas dari apa pun yang terjadi, "

Var origString = 'Happy Dance7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // 'Happy Dance' "

Fungsi ini juga menjaga konten tersembunyi. function remove_style (all) (var i = all.length; var j, is_hidden; // Atribut presentasi. var attr =; "

Untuk alasan apa pun, elemen tidak dapat merusak dirinya sendiri dalam JavaScript. jQuery memiliki metode untuk ini, yang bagus karena seperti inilah cara kami berpikir: "

Disusun oleh Svein Petter Gjøby: const array =; // Metode 1: Menggunakan Set const unique =; // Metode 2: Array.prototype.reduce const unique = "

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Anda mungkin ingin menguji apakah window.location.href "

Pernah melihat CDATA itu di JavaScript dan bertanya-tanya untuk apa itu? Ini untuk mencegah validator membaca kode itu sebagai markup dan gagal "

Berikut quicky (ada juga versi PHP): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Lihat Pena Menghasilkan Warna Hex Acak Baru "

PHP memiliki fungsi print_r yang bagus untuk mencetak informasi tentang variabel ke layar. console.log () juga bagus untuk itu di JavaScript, tetapi "

Coba (document.execCommand ("BackgroundImageCache", false, true);) catch (err) () "

Demo oleh Sagar Ganatra "

Fungsi anonim pemanggilan sendiri yang ditetapkan ke variabel global pilihan namaanda. Memberikan efek menjaga privasi semua fungsi dan variabel untuk "

Lakukan fungsi setiap satu detik: function myFunction () (// do something) var int = setInterval (myFunction, 1000); Batalkan: clearInterval (int); "

PEMBARUAN: Ini cukup lama. Jika Anda mencari gambar lambat saat ini, saya sarankan untuk melihat: Panduan Lengkap untuk Lazy Memuat Gambar A Native "