Kódrészletek 2025, Január

A .classList () API - CSS-trükkök

A .classList () API - CSS-trükkök

Feltételezve, hogy van egy eleme a DOM-ban:

Kérjen hivatkozást arra a DOM elemre: const el = document.querySelector ("# el"); Aztán te"

Tesztelje, hogy Mac vagy PC-vel van-e JavaScript - CSS-trükkök

Tesztelje, hogy Mac vagy PC-vel van-e JavaScript - CSS-trükkök

A User Agent tesztelése szar, de néha szükség van rá finom dolgokhoz. Az én esetemben a billentyűparancsok megjelenítéséhez használtam "

Ellenőrizze, hogy az elem támogatja-e az attribútumot CSS-trükkök

Ellenőrizze, hogy az elem támogatja-e az attribútumot CSS-trükkök

Nem minden böngésző támogatja az összes elem összes attribútumát. Számos új attribútum található a HTML5-ben, ezért érdemes tesztelni, hogy milyen böngésző "

Támogató lapok a Textareas-ban - CSS-trükkök

Támogató lapok a Textareas-ban - CSS-trükkök

Normál esetben a tab billentyű a következő fókuszálható dologra lép. Ez egy tabulátor karaktert illeszt be helyette. HTMLTextAreaElement.prototype.getCaretPosition = function "

Húzza el a szóközből a karakterláncot - CSS-trükkök

Húzza el a szóközből a karakterláncot - CSS-trükkök

A szóköz, azaz a fülek és a szóközök. Vanilla JavaScript (Trim Leading and Trailing) var str = "abcdefg"; var newStr = str.trim (); // "abcde f"

Csíkolja le a HTML-címkéket a JavaScript - CSS-trükkök

Csíkolja le a HTML-címkéket a JavaScript - CSS-trükkök

Hagyja strippedString = originalString.replace (/ (<(+)>) / gi, ""; CodePen beágyazott tartalék "

Tesztelje, hogy a dragenter / dragover esemény tartalmaz-e fájlokat - CSS-trükkök

Tesztelje, hogy a dragenter / dragover esemény tartalmaz-e fájlokat - CSS-trükkök

A HTML5 drag and drop kiválóan alkalmas fájlfeltöltések kezelésére. De ha csak erre használod, akkor jó tudni, hogy van-e valamilyen dragenter "

Tesztelje az Internet Explorer programot a JavaScript-ben - CSS-trükkök

Tesztelje az Internet Explorer programot a JavaScript-ben - CSS-trükkök

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// IE-specifikus dolgokat csinál) else (// nem IE-specifikus dolgokat csinál) "

Toggle (Show / Hide) elem - CSS-trükkök

Toggle (Show / Hide) elem - CSS-trükkök

Belső használat: Kattintson ide a #foo elem láthatóságának váltásához. Ez foo "

Shuffle Array - CSS-trükkök

Shuffle Array - CSS-trükkök

1. technika technika Shuffle (o) (for (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); visszatér o;); Használat var testArray "

Számok sztringelése egy karakterláncból - CSS-trükkök

Számok sztringelése egy karakterláncból - CSS-trükkök

Var someString = "Helló 123 világ!"; newString = someString.replace (// g, ''); // console.log (newString); // "Helló Világ!";"

Átirányítja a mobileszközöket CSS-trükkök

Átirányítja a mobileszközöket CSS-trükkök

A "mobile.html" helyére a helyét adja, bárhol is legyen a mobil verziója. Ez a technika adaptálható egy alternatív stíluslap betöltésére "

Tartósan módosítható tartalomváltozások mentése JSON néven az Ajax - CSS-trükkök

Tartósan módosítható tartalomváltozások mentése JSON néven az Ajax - CSS-trükkök

A contenteditable attribútummal rendelkező elemeket közvetlenül a böngészőablakban lehet élőben szerkeszteni. De természetesen ezek a változások nem befolyásolják a tényleges dokumentumot "

Szükséges paraméterek a JavaScript - CSS-trükkök

Szükséges paraméterek a JavaScript - CSS-trükkök

Ooo ez okos! Ezt kikapom David blogjából. const isRequired = () => (dobjon új hibát ('param szükséges');); const hello = (név = "

Válassza a Véletlen elemet egy tömbből CSS-trükkök

Válassza a Véletlen elemet egy tömbből CSS-trükkök

Var myArray =; var randomItem = myArray; Lásd Chris Coyier (@chriscoyier) Pen gLJPZv-jét a CodePen-en. "

A setInterval helyettesítői a requestAnimationFrame - használatával CSS-trükkök

A setInterval helyettesítői a requestAnimationFrame - használatával CSS-trükkök

Az animációról azt mondják, hogy a setInterval rossz ötlet. Mert például a hurok futni fog, függetlenül attól, hogy mi történik "

Távolítsa el az utolsó karaktert egy karakterláncból - CSS-trükkök

Távolítsa el az utolsó karaktert egy karakterláncból - CSS-trükkök

Var origString = 'Boldog tánc7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // "Boldog tánc" "

Inline stílusok eltávolítása - CSS-trükkök

Inline stílusok eltávolítása - CSS-trükkök

Ez a funkció megőrzi a rejtett tartalmat is. function remove_style (all) (var i = all.length; var j, is_hidden; // Prezentációs attribútumok. var attr =; "

Elem eltávolítása - CSS-trükkök

Elem eltávolítása - CSS-trükkök

Bármilyen okból, egy elem nem tudja elpusztítani magát a JavaScript-ben. A jQuery rendelkezik erre egy módszerrel, ami szép, mert így gondolkodunk: "

Távolítsa el a másolatokat egy tömbből CSS-trükkök

Távolítsa el a másolatokat egy tömbből CSS-trükkök

Összeállította Svein Petter Gjøby: const tömb =; // 1. módszer: A set const egyedi használata =; // 2. módszer: Array.prototype.reduce const egyedi = "

Átirányítás az SSL-re - CSS-trükkök

Átirányítás az SSL-re - CSS-trükkök

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Lehet, hogy tesztelni szeretné, ha az window.location.href "

A beágyazott JavaScript ellenőrzésének meghiúsulása CSS-trükkök

A beágyazott JavaScript ellenőrzésének meghiúsulása CSS-trükkök

Látta már a CDATA cuccait a JavaScript-ben, és kíváncsi, hogy mire való? Annak megakadályozása, hogy az érvényesítő elolvassa a kódot jelölésként és meghiúsuljon "

Véletlenszerű szín létrehozása a JavaScript-ben - CSS-trükkök

Véletlenszerű szín létrehozása a JavaScript-ben - CSS-trükkök

Itt van egy gyors (van egy PHP verzió is): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Lásd a Toll új véletlenszerű Hex szín létrehozását "

Objektum kinyomtatása a képernyőre - CSS-trükkök

Objektum kinyomtatása a képernyőre - CSS-trükkök

A PHP rendelkezik egy szép print_r funkcióval, amely kinyomtatja a változóra vonatkozó információkat a képernyőre. A console.log () nagyszerű erre a JavaScript-ben is, de "

A háttérkép villogásának megakadályozása az IE-ben - CSS-trükkök

A háttérkép villogásának megakadályozása az IE-ben - CSS-trükkök

Try (document.execCommand ("BackgroundImageCache", hamis, igaz);) catch (err) () "

PageVisibility API - CSS-trükkök

PageVisibility API - CSS-trükkök

Sagar Ganatra bemutatója "

Névtérbeli Javascript-sablon - CSS-trükkök

Névtérbeli Javascript-sablon - CSS-trükkök

Önhívó anonim függvény, amely a yournamespacechoice globális változóhoz van rendelve. Arra szolgál, hogy az összes függvény és változó titokban maradjon

Funkció végrehajtása időzített időközönként - CSS-trükkök

Funkció végrehajtása időzített időközönként - CSS-trükkök

Minden másodpercben hajtson végre egy függvényt: myFunction () (// valamit csinál) függvény var int = setInterval (myFunction, 1000); Mégse: clearInterval (int); "

Lusta Képek letöltése - CSS-trükkök

Lusta Képek letöltése - CSS-trükkök

FRISSÍTÉS: Ez elég régi. Ha manapság lustán szeretne képeket tölteni, javasoljuk, hogy nézze meg: A teljes útmutató a lusta képek feltöltéséhez őshonos "