Kod parçacıkları 2025, Ocak

Bu, geleneksel "window.onload" olayını yapmaktan daha iyidir, çünkü tek bir olaya birden çok olay işleyicisi ekleyebilir ve hepsi çağrılabilir. "

CSS ön işlemcileri Sass ve Less herhangi bir rengi alıp belirli bir değer kadar koyulaştırabilir () veya açıklaştırabilir (). Ancak JavaScript'te böyle bir yetenek yerleşik değildir. "

El, bir girdi veya metin alanına referanstır. function moveCursorToEnd (el) (if (typeof el.selectionStart == "sayı") (el.selectionStart = "

Bu çalışır: var htmlString = "Bu bir dizedir."; Bu başarısız olur: var htmlSTring = "Bu bir dizedir."; Bazen okunabilirlik açısından bu istenir. Ekle"

Böylece DOM (ve dolayısıyla CSS) onları gerçek öğeler olarak tanır: (function () (if (! / * @ Cc_on! @ * / 0) return; var e = "

Bir document.querySelectorAll çalıştırmadan geri döndüğünüzde, bir NodeList üzerinden yineleme yapmak için bazı seçeneklere bakalım. "Hakkında güncellenmiş bir makale yazdık"

For işlevinde kullanmadan önce dizinin uzunluğunu bulun, böylece her yinelemede dizinin uzunluğunu sayması gerekmez (uzunluk varsayılarak)

Bir KeyboardEvent tetiklendiğinde, bu olay mantığa karşı yazabileceğiniz bilgiler içerdiğinden hangi tuşa basıldığını test edebilirsiniz. "

JavaScript, mevcut URL'ye parçalar halinde erişebilir. Bu URL için: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

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

Javascript nesneleri gerçekten güzel, ancak bazen bazı yararlı küçük işlevler / yöntemler eksik. Yukarıdaki örnek Arrays ile. Gerçek"

Bu, standart gömülebilir Google Arama alanlarının işlevselliğini çoğaltır. Arka planda ve giriş tıklandığında bir resimleri var "

Standart Değişkeni oluşturmanıza gerek yoktur, ancak o değişkeni clearInterval ile birlikte kullanarak o anda çalışmayı durdurabileceğiniz için bu iyi bir uygulamadır "

Dize olan bir HTML kodunuz olduğunu varsayalım: let string_of_html = `

`; Belki bir API'den geliyor veya siz bunu kendiniz oluşturdunuz "

JavaScript ile bir öğenin stilini değiştirmeniz gerekirse, genellikle bir sınıf adını değiştirmek ve CSS'yi sayfada zaten almak daha iyidir "

Tarayıcılarda zaten "geri" düğmeleri vardır, bu nedenle sayfanıza bir tane koymanız için çok iyi bir nedeniniz olsa iyi olur! Satır içi JavaScript içeren giriş düğmesi "

Örnek bağlantı: // Youtube bağlantısı var youtubeLink = document.getElementById ('myLink'). Href; var youtubeVideoKey = "

Htmlentities (), özel karakterleri (

Function getQueryVariable (değişken) (var query = window.location.search.substring (1); var vars = query.split ("&"); for (var i = 0; i "

Değişkeni işlevin dışında bildirin ... var oneVariable; function setVariable () (oneVariable = "Bir işlev içinden değişken kümesi!";) işlev "

Firefox Konsolunda bunu çalıştırarak, "on" ile başlayan (örn. Onclick) tüm olayların bir dizisini elde edebilirsiniz. .filter (function (i) (return "

Olduğu gibi, anahtar sayısı. function objectSize (the_object) (/ * işlevi, geçerli sayısını almak için nesnedeki her anahtarın varlığını doğrulamak için "

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

Bu işlev, sayıları iki ondalık basamağa yuvarlar ve döndürülen değerin iki ondalık basamağa sahip olmasını sağlar. Örneğin 12.006, 12.01 döndürür "

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

Bu, bir diziyi boşaltmanın en hızlı ve en kolay yollarından biridir. Elbette başka yollar da olabilir, ancak bunlar genellikle yeni bir dizinin oluşturulmasını içerir. "

JavaScript gerektiren alan, satır içi CSS ile gizlenir ve ardından küçük bir JavaScript parçacığı ile yüklendikten sonra gösterilir. Bunun altında noscript etiketleri kullanılır "

Var Fb = (); // Fb.log = function (obj, consoleMethod) (if (window.console && window.console.firebug && ") işlevini tutmak için boş bir nesne değişmezi

Referans"

Css dosyalarınızı uygun şekilde adlandırın: night.css, day.css, vb ... Harika bir avantaj, JavaScript'in zamanı yerel makineden "