Kódrészletek 2025, Január

Modern eseménykezelés - CSS-trükkök

Modern eseménykezelés - CSS-trükkök

Ez jobb, mint a hagyományos "window.onload" eseményt végrehajtani, mivel több eseménykezelőt csatolhat egy eseményhez, és mindegyiket hívják. "

Világosabb / sötétebb szín - CSS-trükkök

Világosabb / sötétebb szín - CSS-trükkök

A Sass and Less CSS előfeldolgozók bármilyen színt felvehetnek, és elsötétíthetik () vagy világosíthatják () egy adott értékkel. De ilyen képesség nincs beépítve a JavaScript-be. "

Kurzor áthelyezése a bevitel végére - CSS-trükkök

Kurzor áthelyezése a bevitel végére - CSS-trükkök

Ahol el egy input vagy textarea hivatkozása. function moveCursorToEnd (el) (if (typeof el.selectionStart == "szám") (el.selectionStart = "

Többsoros karakterlánc-változók a JavaScript-ben - CSS-trükkök

Többsoros karakterlánc-változók a JavaScript-ben - CSS-trükkök

Ez működik: var htmlString = "Ez egy karakterlánc."; Ez nem sikerül: var htmlSTring = "Ez egy karakterlánc."; Néha ez kívánatos az olvashatóság érdekében. Hozzáadása

A HTML5 elemek működése régi IE-ben - CSS-trükkök

A HTML5 elemek működése régi IE-ben - CSS-trükkök

Annak érdekében, hogy a DOM (és így a CSS) valós elemként ismerje fel őket: (function () (if (! / * @ Cc_on! @ * / 0) return; var e = "

Loop Over querySelectorAll mérkőzések - CSS-trükkök

Loop Over querySelectorAll mérkőzések - CSS-trükkök

Vizsgáljuk meg a NodeList feletti iterálás néhány lehetőségét, amikor visszatérünk a document.querySelectorAll futtatásához. Frissített cikket írtunk erről:

Hurok a tömbön keresztül, pazarló keresések nélkül CSS-trükkök

Hurok a tömbön keresztül, pazarló keresések nélkül CSS-trükkök

Keresse meg a tömb hosszát, mielőtt felhasználná a for függvényben, így nem kell minden iterációnál számolni a tömb hosszát (feltételezve a hosszúságot "

KeyboardEvent Érték (keyCodes, metaKey stb.) - CSS-trükkök

KeyboardEvent Érték (keyCodes, metaKey stb.) - CSS-trükkök

Amikor a KeyboardEvent elindul, tesztelheti, hogy melyik billentyűt nyomta meg, mert az esemény olyan információkat tartalmaz, amelyek ellen logikát írhat. "

Az URL és az URL-részek beolvasása a JavaScript-be - CSS-trükkök

Az URL és az URL-részek beolvasása a JavaScript-be - CSS-trükkök

A JavaScript részenként hozzáférhet az aktuális URL-hez. Ehhez az URL-hez: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

JavaScript MD5 - CSS-trükkök

JavaScript MD5 - CSS-trükkök

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

A JavaScript tömb - CSS-trükkök

A JavaScript tömb - CSS-trükkök

A Javascript objektumok nagyon szépek, de néha hiányoznak néhány hasznos kis funkció / módszer. A fenti példa a tömbökre vonatkozik. Valóban"

Bemenet eltűnő háttérképpel CSS-trükkök

Bemenet eltűnő háttérképpel CSS-trükkök

Ez megismétli a szokásos beágyazható Google keresési mezők funkcionalitását. Képük van a háttérben, és amikor a bemenetre kattintanak "

Időközök - CSS-trükkök

Időközök - CSS-trükkök

Normál Nem szükséges létrehozni a változót, de ez jó gyakorlat, mivel a változót a clearInterval használatával állíthatja le az éppen futó "

Injektálja a HTML-t egy HTML karakterláncból - CSS-trükkök

Injektálja a HTML-t egy HTML karakterláncból - CSS-trükkök

Tegyük fel, hogy van HTML kódja, amely egy karakterlánc: legyen string_of_html = "

Cool
"; Lehet, hogy egy API-ból származik, vagy te magad állítottad össze "

Új CSS-szabályok beadása CSS-trükkök

Új CSS-szabályok beadása CSS-trükkök

Ha meg kell változtatnia egy elem stílusát JavaScript-szel, általában jobb, ha megváltoztatja az osztály nevét, és a CSS már szerepel az oldalon. "

"Vissza" gomb - CSS-trükkök

"Vissza" gomb - CSS-trükkök

A böngészőkben már vannak "vissza" gombok, ezért jobb, ha van egy rohadt jó oka annak, hogy az egyiket fel kell tenned az oldaladra! Beviteli gomb beépített JavaScript-el "

Szerezd meg a YouTube Key-t egy linkről - CSS-trükkök

Szerezd meg a YouTube Key-t egy linkről - CSS-trükkök

Példa linkre: // Youtube link var youtubeLink = document.getElementById ('myLink'). Href; var youtubeVideoKey = "

HtmlEnstitities for JavaScript - CSS-trükkök

HtmlEnstitities for JavaScript - CSS-trükkök

A htmlentities () egy PHP függvény, amely a speciális karaktereket (mint például <) átalakítja szöktetett / kódolt értékeikké (például <). Ez lehetővé teszi a "

URL-változók beolvasása - CSS-trükkök

URL-változók beolvasása - CSS-trükkök

Függvény getQueryVariable (változó) (var lekérdezés = window.location.search.substring (1); var vars = query.split ("&"); for (var i = 0; i "

Globális változók - CSS-trükkök

Globális változók - CSS-trükkök

A változó deklarálása a függvényen kívül ... var oneVariable; function setVariable () (oneVariable = "Változó készlet egy függvényen belülről!";) function "

Minden lehetséges DOM-esemény - CSS-trükkök

Minden lehetséges DOM-esemény - CSS-trükkök

Az "on" betűvel kezdődő események tömbjét (pl. Onclick) megszerezheti, ha ezt futtatja a Firefox konzolján. .filter (i) függvény (return "

Az objektum méretének beolvasása CSS-trükkök

Az objektum méretének beolvasása CSS-trükkök

A kulcsok számához hasonlóan. function objectSize (the_object) (/ * függvény az egyes kulcsok létezésének ellenőrzéséhez az objektumban, hogy megkapja az érvényes számot "

Hívás funkció véletlen időzítővel - CSS-trükkök

Hívás funkció véletlen időzítővel - CSS-trükkök

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

Pénznem formázása CSS-trükkök

Pénznem formázása CSS-trükkök

Ez a függvény két tizedesjegyre kerekíti a számokat, és biztosítja, hogy a visszaadott érték két tizedesjegy legyen. Például a 12.006 értéke 12.01, "

Javítsa az IE 10 rendszert a Windows Phone 8 nézetablakban CSS-trükkök

Javítsa az IE 10 rendszert a Windows Phone 8 nézetablakban CSS-trükkök

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

Tömb ürítése - CSS-trükkök

Tömb ürítése - CSS-trükkök

Ez az egyik leggyorsabb és legegyszerűbb módszer a tömb kiürítésére. Természetesen létezhetnek más módszerek is, de ezek általában egy új tömb létrehozását tartalmazzák. "

JavaScript szükséges tartalom tartalék tartalommal - CSS-trükkök

JavaScript szükséges tartalom tartalék tartalommal - CSS-trükkök

A JavaScript-hez szükséges területet beágyazott CSS-re rejtik, majd megjelenítik, miután betöltődik egy kis JavaScript-részlettel. Alatta noscript címkéket használnak "

Hiba nélküli konzol naplózás - CSS-trükkök

Hiba nélküli konzol naplózás - CSS-trükkök

Var Fb = (); // Egy üres objektum literál az Fb.log = function (obj, consoleMethod) függvény megtartásához (if (window.console && window.console.firebug && "

Különböző stíluslap a napszak függvényében - CSS-trükkök

Különböző stíluslap a napszak függvényében - CSS-trükkök

Nevezze el ennek megfelelően a css fájlokat: night.css, day.css stb. Egy jó bónusz, hogy mivel a JavaScript a helyi géptől kap időt, nem pedig a "