Koodijupid 2025, Aprill

.ClassList () API - CSS-trikid

.ClassList () API - CSS-trikid

Eeldades, et teil on DOM-is element:

Hankige viide sellele DOM-i elemendile: const el = document.querySelector ("# el"); Siis sina"

Testige, kas Mac või PC koos JavaScripti - CSS-trikid

Testige, kas Mac või PC koos JavaScripti - CSS-trikid

Kasutajaagendi testimine on nõme, kuid mõnikord vajate seda peenete asjade jaoks. Minu puhul kasutasin seda klaviatuuri otseteeklahvide kuvamise kohandamiseks "

Kontrollige, kas element toetab atribuuti CSS-trikid

Kontrollige, kas element toetab atribuuti CSS-trikid

Kõik brauserid ei toeta kõigi elementide kõiki atribuute. HTML5-s on palju uusi atribuute, nii et idee testida, millist brauserit vaadata "

Tugi vahelehed Textareas - CSS-trikid

Tugi vahelehed Textareas - CSS-trikid

Tavaliselt liigub tabulaatoriklahv järgmise fokuseeritava asja juurde. See sisestab selle asemel vahekaardi märgi. HTMLTextAreaElement.prototype.getCaretPosition = function "

Riba tühimärgist stringist - CSS-trikid

Riba tühimärgist stringist - CSS-trikid

Tühimärk, mis tähendab sakke ja tühikuid. Vanilla JavaScripti (Trim Leading and Trailing) var str = "abcdefg"; var newStr = str.trim (); // "abcde f"

Ribade HTML-i sildid JavaScriptis CSS-trikid

Ribade HTML-i sildid JavaScriptis CSS-trikid

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

Testige, kas dragenteri / dragoveri sündmus sisaldab faile - CSS-trikid

Testige, kas dragenteri / dragoveri sündmus sisaldab faile - CSS-trikid

HTML5 drag and drop on failide üleslaadimise haldamiseks suurepärane. Aga kui see on ainus asi, mida te seda kasutate, on tore teada, kas mõni konkreetne draiver "

Testige Internet Exploreri JavaScripti - CSS-trikid

Testige Internet Exploreri JavaScripti - CSS-trikid

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// tee IE-spetsiifilisi asju) else (// tee mitte-IE-spetsiifilisi asju) "

Lülita (näita / peida) element - CSS-trikid

Lülita (näita / peida) element - CSS-trikid

Sisekasutus: elemendi #foo nähtavuse vahetamiseks klõpsake siin "See on foo"

Juhuslik massiiv - CSS-trikid

Juhuslik massiiv - CSS-trikid

Tehnika nr 1 funktsioon Shuffle (o) (for (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); tagasi o;); Kasutus var testArray "

Ribade numbrid stringist - CSS-trikid

Ribade numbrid stringist - CSS-trikid

Var someString = "Tere, 123 maailm!"; newString = someString.replace (// g, ''); // konsool.log (newString); // "Tere, Maailm!";"

Mobiilseadmete ümbersuunamine - CSS-trikid

Mobiilseadmete ümbersuunamine - CSS-trikid

„mobile.html” asendatakse asukohaga, kus teie mobiiliversioon asub. Seda tehnikat saab kohandada alternatiivse stiililehe laadimiseks "

Sisu muudetavate sisumuudatuste salvestamine JSON-iga ajaxiga - CSS-trikid

Sisu muudetavate sisumuudatuste salvestamine JSON-iga ajaxiga - CSS-trikid

Atribuudiga contenteditable saab otse brauseriaknas redigeerida. Kuid loomulikult ei mõjuta need muudatused tegelikku dokumenti "

Nõutavad JavaScripti funktsioonide parameetrid CSS-trikid

Nõutavad JavaScripti funktsioonide parameetrid CSS-trikid

Ooo see on tark! Ma haaran selle Davidi blogist. const isRequired = () => (viska uus viga ('param on vajalik');); const tere = (nimi = "

Valige massiivist Juhuslik üksus - CSS-trikid

Valige massiivist Juhuslik üksus - CSS-trikid

Var myArray =; var randomItem = myArray; Vaadake Chris Coyieri (@chriscoyier) pliiatsit gLJPZv CodePenist. "

SetIntervali asendused requestAnimationFrame - i abil CSS-trikid

SetIntervali asendused requestAnimationFrame - i abil CSS-trikid

Animatsiooni osas öeldakse meile, et setInterval on halb mõte. Sest näiteks tsükkel töötab sõltumata kõigest muust, "

Eemaldage stringist viimane märk - CSS-trikid

Eemaldage stringist viimane märk - CSS-trikid

Var origString = 'Õnnelik tants7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // "õnnelik tants" "

Sisenevate stiilide eemaldamine - CSS-trikid

Sisenevate stiilide eemaldamine - CSS-trikid

See funktsioon säilitab ka peidetud sisu. funktsioon remove_style (kõik) (var i = kõik.length; var j, is_hidden; // Esitlusatribuudid. var attr =; "

Elemendi eemaldamine - CSS-trikid

Elemendi eemaldamine - CSS-trikid

Mis tahes põhjusel ei saa element end JavaScriptis hävitada. jQueryl on selleks meetod, mis on tore, sest nii mõtleme: "

Duplikaatide eemaldamine massiivist - CSS-trikid

Duplikaatide eemaldamine massiivist - CSS-trikid

Koostanud Svein Petter Gjøby: const massiiv =; // Meetod 1: komplekti Set const unique kasutamine; // Meetod 2: Array.prototype.reduce const unique = "

Suunamine SSL-ile - CSS-trikid

Suunamine SSL-ile - CSS-trikid

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Võite testida, kas window.location.href "

Vältige manustatud JavaScripti ebaõnnestumist valideerimisel - CSS-trikid

Vältige manustatud JavaScripti ebaõnnestumist valideerimisel - CSS-trikid

Kas olete kunagi näinud seda JavaScripti CDATA värki ja mõelnud, milleks see mõeldud oli? Selle eesmärk on takistada valideerijal selle koodi märgistusena lugemist ja ebaõnnestumist "

Kuidas luua juhuslikku värvi JavaScripti - CSS-trikid

Kuidas luua juhuslikku värvi JavaScripti - CSS-trikid

Siin on kiire (on ka PHP-versioon): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Vaadake pliiatsi uue juhusliku kuusnurga värvi loomist "

Prindi objekt ekraanile - CSS-trikid

Prindi objekt ekraanile - CSS-trikid

PHP-l on kena print_r funktsioon muutuja kohta teabe ekraanile printimiseks. console.log () sobib suurepäraselt ka JavaScripti jaoks, kuid "

Vältige taustpildi värelust IE-s CSS-trikid

Vältige taustpildi värelust IE-s CSS-trikid

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

PageVisibility API - CSS-trikid

PageVisibility API - CSS-trikid

Sagar Ganatra demo "

Nimeruumidega JavaScripti mall - CSS-trikid

Nimeruumidega JavaScripti mall - CSS-trikid

Isekutsuv anonüümne funktsioon, mis on määratud teie nimesoovivaliku globaalsele muutujale. Teenib kõigi funktsioonide ja muutujate privaatsena hoidmise efekti

Funktsiooni täitmine ajastatud intervallidega - CSS-trikid

Funktsiooni täitmine ajastatud intervallidega - CSS-trikid

Funktsiooni täitmine iga sekundi järel: funktsioon myFunction () (// tee midagi) var int = setInterval (myFunction, 1000); Tühista see: clearInterval (int); "

Laisk pilte laadimas - CSS-trikid

Laisk pilte laadimas - CSS-trikid

UUENDAMINE: See on päris vana. Kui soovite tänapäeval pilte laisalt laadida, soovitaksin vaadata järgmist: Laiskade piltide täieliku juhendi pärismaine juhend "