Úryvky kódu 2025, Leden

Za předpokladu, že máte prvek v DOM:

Získejte odkaz na tento prvek DOM: const el = document.querySelector ("# el"); Pak ty"

Testování uživatelského agenta je naštvaný, ale někdy ho potřebujete pro jemné věci. V mém případě jsem to použil k úpravě toho, co jsem zobrazoval pro klávesové zkratky "

Ne všechny prohlížeče podporují všechny atributy všech prvků. V HTML5 existuje celá řada nových atributů, takže myšlenka testování zjistit, jaký druh prohlížeče "

Klávesa tab se obvykle přesune na další zaostřitelnou věc. Tím se místo toho vloží znak tabulátoru. HTMLTextAreaElement.prototype.getCaretPosition = funkce "

Mezery, což znamená karty a mezery. Vanilkový JavaScript (oříznutí úvodní a koncové) var str = "abcdefg"; var newStr = str.trim (); // "a B c d e f"

Let strippedString = originalString.replace (/ (<(+)>) / gi, ""); Vložení záložního kódu CodePen "

Přetahování HTML5 je skvělé pro zpracování nahrávání souborů. Ale pokud je to jediná věc, pro kterou to používáte, je hezké vědět, jestli nějaký konkrétní dragenter “

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// do IE-specific things) else (// do non-IE-specific things) "

Inline usage: Kliknutím sem přepnete viditelnost prvku #foo This is foo "

Technika č. 1 Funkce Shuffle (o) (pro (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); návrat o;); Použití var testArray "

Var someString = "Hello 123 World!"; newString = someString.replace (// g, ''); // console.log (newString); // "Ahoj světe!";"

Soubor „mobile.html“ bude nahrazen umístěním kdekoli, kde se nachází vaše mobilní verze. Tuto techniku ​​lze přizpůsobit načtení alternativní šablony stylů. “

Prvky s atributem contenteditable lze živě upravovat přímo v okně prohlížeče. Ale tyto změny samozřejmě nemají vliv na skutečný dokument “

Ooo, to je chytré! Zachytávám to z Davidova blogu. const isRequired = () => (hodit novou chybu ('je vyžadován parametr');); const ahoj = (jméno = "

Var myArray =; var randomItem = myArray; Podívejte se na pero gLJPZv od Chrisa Coyiera (@chriscoyier) na CodePen. “

Pokud jde o animaci, říká se nám, že setInterval je špatný nápad. Protože například smyčka bude fungovat bez ohledu na to, co se děje, “

Var origString = 'Šťastný tanec7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // 'Šťastný tanec' "

Tato funkce také zachovává skrytý obsah. function remove_style (all) (var i = all.length; var j, is_hidden; // Prezentační atributy. var attr =; "

Z jakéhokoli důvodu se prvek nemůže v JavaScriptu zničit. jQuery má k tomu metodu, což je hezké, protože si to myslíme takto: "

Zkompiloval Svein Petter Gjøby: const array =; // Metoda 1: Použití množiny const unique =; // Metoda 2: Array.prototype.reduce const unique = "

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Možná budete chtít vyzkoušet, zda window.location.href "

Viděli jste někdy věci CDATA v JavaScriptu a zajímalo vás, k čemu to bylo? Je to zabránit tomu, aby validátor přečetl tento kód jako značku a selhal “

Zde je rychlý (existuje také verze PHP): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Podívejte se na pero Vytvoření nové náhodné hexadecimální barvy “

PHP má pěknou funkci print_r pro tisk informací o proměnné na obrazovku. console.log () je skvělé i pro JavaScript, ale "

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

Demo od Sagara Ganatry "

Self invoking anonymous function assigned to the yournamespacechoice global variable. Slouží k tomu, že všechny funkce a proměnné zůstanou soukromé „

Proveďte funkci každou sekundu: function myFunction () (// do something) var int = setInterval (myFunction, 1000); Zrušit: clearInterval (int); "

UPDATE: Je to docela staré. Pokud dnes hledáte líné obrázky, doporučuji vám podívat se na: Kompletní průvodce líným načítáním obrázků Nativní