Úryvky kódu 2025, Leden

Moderní zpracování událostí Triky CSS

Moderní zpracování událostí Triky CSS

To je lepší než dělat tradiční událost „window.onload“, protože může k jedné události připojit více obslužných rutin událostí a všichni jsou zavoláni. “

Zesvětlit / ztmavit barvu - Triky CSS

Zesvětlit / ztmavit barvu - Triky CSS

Preprocesory CSS Sass and Less mohou mít jakoukoli barvu a ztmavit () nebo zesvětlit () určitou hodnotou. Ale žádná taková schopnost není zabudována do JavaScriptu. “

Přesuňte kurzor na konec vstupu - Triky CSS

Přesuňte kurzor na konec vstupu - Triky CSS

Kde el je odkaz na vstup nebo textovou oblast. funkce moveCursorToEnd (el) (if (typeof el.selectionStart == "number") (el.selectionStart = "

Víceřádkové řetězcové proměnné v JavaScriptu - Triky CSS

Víceřádkové řetězcové proměnné v JavaScriptu - Triky CSS

Toto funguje: var htmlString = "Toto je řetězec."; Selhání: var htmlSTring = "Toto je řetězec."; Někdy je to žádoucí kvůli čitelnosti. Přidat"

Zajistěte, aby prvky HTML5 fungovaly ve starém IE Triky CSS

Zajistěte, aby prvky HTML5 fungovaly ve starém IE Triky CSS

Aby je DOM (a tedy CSS) rozpoznal jako skutečné prvky: (function () (if (! / * @ Cc_on! @ * / 0) return; var e = "

Loop Over querySelectorAll Matches - Triky CSS

Loop Over querySelectorAll Matches - Triky CSS

Podívejme se na několik možností iterace přes NodeList, když se vrátíte ze spuštění document.querySelectorAll. Napsali jsme aktualizovaný článek o tématu „

Procházejte pole bez zbytečných vyhledávání Triky CSS

Procházejte pole bez zbytečných vyhledávání Triky CSS

Najděte délku pole před jeho použitím ve funkci for, takže není nutné počítat délku pole při každé iteraci (za předpokladu délky „

Hodnota KeyboardEvent (keyCodes, metaKey atd.) - Triky CSS

Hodnota KeyboardEvent (keyCodes, metaKey atd.) - Triky CSS

Když se KeyboardEvent spustí, můžete vyzkoušet, která klávesa byla stisknuta, protože tato událost obsahuje informace, proti kterým můžete logiku zapsat. “

Získejte URL a části URL v JavaScriptu - Triky CSS

Získejte URL a části URL v JavaScriptu - Triky CSS

JavaScript může přistupovat k aktuální adrese URL po částech. Pro tuto adresu URL: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

JavaScript MD5 - Triky CSS

JavaScript MD5 - Triky CSS

Var MD5 = funkce (řetězec) (funkce RotateLeft (lValue, iShiftBits) (návrat (lValue> (32-iShiftBits));) funkce AddUnsigned (lX, lY) (var "

Pole JavaScript obsahuje - Triky CSS

Pole JavaScript obsahuje - Triky CSS

Objekty Javascript jsou opravdu pěkné, ale někdy jim chybí některé užitečné malé funkce / metody. Výše uvedený příklad je s poli. Je to opravdu "

Vstup s mizejícím obrázkem na pozadí Triky CSS

Vstup s mizejícím obrázkem na pozadí Triky CSS

Tím se replikují funkce standardních integrovaných polí Vyhledávání Google. Mají obrázek na pozadí a po kliknutí na vstup „

Intervaly - Triky CSS

Intervaly - Triky CSS

Standardní Nemusíte vytvářet proměnnou, ale je to dobrý postup, protože tuto proměnnou můžete pomocí clearInterval zastavit právě spuštěnou. "

Vkládání HTML z řetězce HTML - Triky CSS

Vkládání HTML z řetězce HTML - Triky CSS

Řekněme, že máte nějaký HTML, který je řetězcem: let string_of_html = `

Cool
`; Možná pochází z API nebo jste si jej sami vytvořili z "

Vložit nová pravidla CSS - Triky CSS

Vložit nová pravidla CSS - Triky CSS

Pokud potřebujete změnit styl prvku pomocí JavaScriptu, je obvykle lepší změnit název třídy a nechat CSS již na stránce trvat "

Tlačítko "Zpět" - Triky CSS

Tlačítko "Zpět" - Triky CSS

Prohlížeče již mají tlačítka „zpět“, takže byste měli mít zatraceně dobrý důvod, proč je třeba umístit jedno na svou stránku! Tlačítko vstupu s vloženým JavaScriptem "

Získejte klíč YouTube z odkazu - Triky CSS

Získejte klíč YouTube z odkazu - Triky CSS

Příklad odkazu: // Odkaz na YouTube var youtubeLink = document.getElementById ('myLink'). Href; var youtubeVideoKey = "

HtmlEntities pro JavaScript - Triky CSS

HtmlEntities pro JavaScript - Triky CSS

Htmlentities () je funkce PHP, která převádí speciální znaky (jako <) na jejich uniklé / zakódované hodnoty (jako <). To vám umožní ukázat „

Získejte proměnné URL - Triky CSS

Získejte proměnné URL - Triky CSS

Funkce getQueryVariable (proměnná) (var dotaz = okno.lokace.search.substring (1); var vars = dotaz.split ("&"); pro (var i = 0; i "

Globální proměnné - Triky CSS

Globální proměnné - Triky CSS

Deklarovat proměnnou mimo funkci ... var oneVariable; function setVariable () (oneVariable = "Proměnná sada zevnitř funkce!";) funkce "

Získejte všechny možné události DOM - Triky CSS

Získejte všechny možné události DOM - Triky CSS

Spuštěním této akce v konzole Firefoxu můžete získat řadu všech událostí, které začínají „on“ (např. Onclick). .filter (funkce (i) (návrat ")

Získat velikost objektu - Triky CSS

Získat velikost objektu - Triky CSS

Stejně jako v případě, počet klíčů. funkce objectSize (the_object) (/ * funkce k ověření existence každého klíče v objektu pro získání počtu platných "

Funkce volání s náhodným časovačem - Triky CSS

Funkce volání s náhodným časovačem - Triky CSS

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

Formátovat měnu - Triky CSS

Formátovat měnu - Triky CSS

Tato funkce zaokrouhlí čísla na dvě desetinná místa a zajistí, aby vrácená hodnota měla dvě desetinná místa. Například 12.006 vrátí 12.01, “

Opravte IE 10 ve výřezu Windows Phone 8 - Triky CSS

Opravte IE 10 ve výřezu Windows Phone 8 - Triky CSS

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

Vyprázdněte pole - Triky CSS

Vyprázdněte pole - Triky CSS

Toto je jeden z nejrychlejších a nejjednodušších způsobů vyprázdnění pole. Samozřejmě existují i ​​jiné způsoby, ale ty obvykle zahrnují vytvoření nového pole. “

Obsah vyžadovaný JavaScriptem s záložním obsahem Triky CSS

Obsah vyžadovaný JavaScriptem s záložním obsahem Triky CSS

Oblast vyžadovaná JavaScriptem je skrytá pomocí vloženého CSS a poté se zobrazí po načtení pomocí malého fragmentu JavaScriptu. Pod tím se používají noscriptové značky "

Bezchybné protokolování konzoly - Triky CSS

Bezchybné protokolování konzoly - Triky CSS

Var Fb = (); // Prázdný objekt doslovný pro držení funkce Fb.log = funkce (obj, consoleMethod) (if (window.console && window.console.firebug && "

Různé šablony stylů v závislosti na denní době Triky CSS

Různé šablony stylů v závislosti na denní době Triky CSS

Podle toho pojmenujte soubory CSS: night.css, day.css atd. Jedním skvělým bonusem je, že JavaScript získává čas z místního počítače místo z „