Kod parçacıkları 2025, Ocak

DOM'da bir öğeniz olduğunu varsayarsak:

Bu DOM öğesine bir referans alın: const el = document.querySelector ("# el"); O zaman sen"

Kullanıcı Aracısı testi berbattır, ancak bazen ince şeyler için buna ihtiyaç duyarsınız. Benim durumumda, klavye kısayol tuşları için gösterdiğimi ayarlamak için kullanıyordum "

Tüm tarayıcılar, tüm öğelerdeki tüm öznitelikleri desteklemez. HTML5'te bir dizi yeni özellik vardır, bu nedenle ne tür bir tarayıcı olduğunu görmek için test etme fikri "

Normalde sekme tuşu bir sonraki odaklanılabilir şeye hareket eder. Bu, bunun yerine bir sekme karakteri ekler. HTMLTextAreaElement.prototype.getCaretPosition = function "

Boşluk, sekmeler ve boşluklar anlamına gelir. Vanilya JavaScript (Kesim Başı ve Sonu) var str = "abcdefg"; var newStr = str.trim (); // "abcde f"

StrippedString = originalString.replace (/ (<(+)>) / gi, ""); CodePen Embed Yedeklemesi "

HTML5 sürükle ve bırak özelliği, dosya yüklemelerini işlemek için harikadır. Ancak, kullandığınız tek şey buysa, belirli bir sürükleyici olup olmadığını bilmek güzel "

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// IE'ye özgü şeyler yapın) else (// IE'ye özgü olmayan şeyler yapın) "

Satır içi kullanım: Öğenin görünürlüğünü değiştirmek için burayı tıklayın #foo This is foo "

Teknik # 1 fonksiyonu Karıştırma (o) (for (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); dönüş o;); Kullanım var testArray "

Var someString = "Merhaba 123 Dünyası!"; newString = bazıString.replace (// g, ''); // console.log (newString); // "Selam Dünya!";"

"mobile.html", mobil sürümünüzün bulunduğu yerin yerini alacaktır. Bu teknik, alternatif bir stil sayfası yükleyecek şekilde uyarlanabilir "

İçerik düzenlenebilir özelliğe sahip öğeler, doğrudan tarayıcı penceresinde canlı olarak düzenlenebilir. Ancak elbette bu değişiklikler asıl belgeyi etkilemiyor "

Ooo bu zekice! Bunu David'in blogundan alıyorum. const isRequired = () => (yeni Hata at ('param gereklidir');); const merhaba = (isim = "

Var myArray =; var randomItem = myArray; CodePen'de Chris Coyier (@chriscoyier) tarafından hazırlanan Pen gLJPZv'ye bakın. "

Animasyon söz konusu olduğunda, setInterval'in kötü bir fikir olduğu söylendi. Çünkü, örneğin, döngü başka hiçbir şeyden bağımsız olarak çalışacaktır. "

Var origString = 'Mutlu Dans7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // 'Mutlu dans'"

Bu işlev ayrıca gizli içeriği de korur. function remove_style (tümü) (var i = all.length; var j, is_hidden; // Sunum özellikleri. var attr =; "

Sebep ne olursa olsun, JavaScript'te bir eleman kendisini yok edemez. jQuery'nin bunun için bir yöntemi var, bu güzel çünkü biz böyle düşünüyoruz: "

Svein Petter Gjøby tarafından derlenmiştir: const array =; // Yöntem 1: Bir Set const kullanarak benzersiz =; // Yöntem 2: Array.prototype.reduce const unique = "

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Window.location.href "olup olmadığını test etmek isteyebilirsiniz.

JavaScript'teki bu CDATA maddesini gördünüz ve ne için olduğunu merak ettiniz mi? Doğrulayıcının bu kodu işaretleme olarak okumasını ve başarısız olmasını önlemek içindir "

İşte hızlı bir şekilde (PHP sürümü de var): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Kalemin Yeni Rastgele Onaltılı Rengi Oluşturmasını görün "

PHP, bir değişken hakkındaki bilgileri ekrana yazdırmak için güzel bir print_r işlevine sahiptir. console.log () bunun için JavaScript için de harikadır, ancak "

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

Sagar Ganatra Demosu "

Kendi ad alanınız seçim global değişkenine atanan anonim işlev. Tüm işlevleri ve değişkenleri özel tutma etkisine hizmet eder "

Her saniyede bir bir işlev gerçekleştirin: function myFunction () (// bir şeyler yapın) var int = setInterval (myFunction, 1000); İptal edin: clearInterval (int); "

GÜNCELLEME: Bu oldukça eski. Bu günlerde görüntüleri tembel yükleme yapmak istiyorsanız, şuna bakmanızı tavsiye ederim: The Complete Guide to Lazy Loading Images A Native "