Fragmente de cod 2025, Ianuarie

Presupunând că aveți un element în DOM:

Obțineți o referință la acel element DOM: const el = document.querySelector ("# el"); Atunci tu"

Testarea agentului utilizatorului este o problemă, dar uneori aveți nevoie de ea pentru lucruri subtile. În cazul meu, îl foloseam pentru a regla ceea ce afișam pentru tastele de comenzi rapide de la tastatură "

Nu toate browserele acceptă toate atributele tuturor elementelor. Există o serie de atribute noi în HTML5, deci ideea de testare pentru a vedea ce fel de browser "

În mod normal, tasta tab trece la următorul lucru care poate fi focalizat. Aceasta introduce în schimb un caracter tab. HTMLTextAreaElement.prototype.getCaretPosition = funcție "

Spațiu alb, adică file și spații. Vanilla JavaScript (Trim Leading and Trailing) var str = "abcdefg"; var newStr = str.trim (); // "abcde f"

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

HTML5 drag and drop este excelent pentru gestionarea încărcărilor de fișiere. Dar dacă numai pentru asta îl folosești, este bine să știi dacă vreun dragenter anume "

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// face lucruri specifice IE) altceva (// face lucruri care nu sunt specifice IE) "

Utilizare în linie: Faceți clic aici pentru a comuta vizibilitatea elementului #foo Acesta este foo "

Funcția tehnică # 1 Shuffle (o) (pentru (var j, x, i = o. Lungime; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); retur o;); Utilizare var testArray "

Var someString = "Hello 123 World!"; newString = someString.replace (// g, ''); // console.log (newString); // "Salut Lume!";"

„mobile.html” ar fi înlocuit cu locația în care se află versiunea dvs. mobilă. Această tehnică ar putea fi adaptată pentru a încărca o foaie de stil alternativă "

Elementele cu atributul contenteditable pot fi editate în direct chiar în fereastra browserului. Dar, desigur, aceste modificări nu afectează documentul real "

Ooo, asta este inteligent! Descarc asta de pe blogul lui David. const isRequired = () => (aruncă o nouă eroare ('param este necesar');); const hello = (nume = "

Var myArray =; var randomItem = myArray; Vedeți Pen gLJPZv de Chris Coyier (@chriscoyier) pe CodePen. "

Când vine vorba de animație, ni se spune că setInterval este o idee proastă. Deoarece, de exemplu, bucla va rula indiferent de orice altceva se întâmplă "

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

Această funcție păstrează și conținutul ascuns. funcție remove_style (all) (var i = all.length; var j, is_hidden; // Prezentare atribute. var attr =; "

Din orice motiv, un element nu se poate distruge singur în JavaScript. jQuery are o metodă pentru asta, ceea ce este drăguț, deoarece așa credem: "

Compilat de Svein Petter Gjøby: const array =; // Metoda 1: Utilizarea unui set const unic =; // Metoda 2: Array.prototype.reduce const unique = "

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; S-ar putea să doriți să testați dacă window.location.href "

Ați văzut vreodată lucrurile CDATA în JavaScript și vă întrebați pentru ce a fost? Este pentru a împiedica validatorul să citească codul respectiv ca markup și să nu reușească "

Iată un quicky (există și o versiune PHP): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Vedeți stiloul Generați o nouă culoare hexagonală aleatorie "

PHP are o funcție frumoasă print_r pentru imprimarea informațiilor despre o variabilă pe ecran. console.log () este excelent și în JavaScript, dar „

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

Demo de Sagar Ganatra "

Funcție anonimă care invocă automat atribuită variabilei globale yournamespacechoice. Oferă efectul de a păstra toate funcțiile și variabilele private la „

Efectuați o funcție la fiecare secundă: function myFunction () (// face ceva) var int = setInterval (myFunction, 1000); Anulați-l: clearInterval (int); "

ACTUALIZARE: Este destul de vechi. Dacă doriți să încărcați leneș imagini în aceste zile, vă recomand să vă uitați la: Ghidul complet pentru încărcarea leneșă a imaginilor un nativ "