Delčki kode 2025, Januar

API .classList () - CSS-triki

API .classList () - CSS-triki

Ob predpostavki, da imate element v DOM-u:

Pridobite sklic na ta element DOM: const el = document.querySelector ("# el"); Nato ti"

Preizkusite, ali Mac ali PC z JavaScriptom CSS-triki

Preizkusite, ali Mac ali PC z JavaScriptom CSS-triki

Testiranje uporabniškega agenta je zanič, včasih pa ga potrebujete za prefinjene stvari. V mojem primeru sem ga uporabljal za prilagajanje tega, kar sem prikazoval za bližnjične tipke "

Preverite, ali element podpira atribut - CSS-triki

Preverite, ali element podpira atribut - CSS-triki

Vsi brskalniki ne podpirajo vseh atributov vseh elementov. V HTML5 je vrsta novih atributov, zato je ideja, da bi preizkusili, kakšen brskalnik "

Podporni zavihki v območju Textareas - CSS-triki

Podporni zavihki v območju Textareas - CSS-triki

Običajno se tipka zavihek premakne na naslednjo osredotočeno stvar. Namesto tega vstavi znak zavihka. HTMLTextAreaElement.prototype.getCaretPosition = funkcija "

Odstrani presledek iz niza - CSS-triki

Odstrani presledek iz niza - CSS-triki

Presledek, kar pomeni zavihke in presledke. Vanilin JavaScript (obrezovanje vodilnih in sledilnih) var str = "abcdefg"; var newStr = str.trim (); // "abcde f"

Odstrani HTML oznake v JavaScript - CSS-triki

Odstrani HTML oznake v JavaScript - CSS-triki

Naj strippedString = originalString.replace (/ (<(+)>) / gi, ""); CodePen Vdelaj nadomestni "

Preverite, ali dogodek dragenter / dragover vsebuje datoteke - CSS-triki

Preverite, ali dogodek dragenter / dragover vsebuje datoteke - CSS-triki

Povleci in spusti HTML5 je odličen za obdelavo naloženih datotek. Ampak, če je to edina stvar, za katero jo uporabljate, je lepo vedeti, ali je kakšen dragenter "

Preskus za Internet Explorer v JavaScript - CSS-triki

Preskus za Internet Explorer v JavaScript - CSS-triki

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// naredi stvari, specifične za IE) else (// naredi stvari, ki niso specifične za IE) "

Preklopi (pokaži / skrij) element - CSS-triki

Preklopi (pokaži / skrij) element - CSS-triki

Uporaba v vrstici: kliknite tukaj, da preklopite vidnost elementa #foo To je foo "

Naključno polje - CSS-triki

Naključno polje - CSS-triki

Tehnika # 1 funkcija Naključno (o) (za (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); vrni o;); Uporaba var testArray "

Odvzemi številke iz niza - CSS-triki

Odvzemi številke iz niza - CSS-triki

Var someString = "Pozdravljeni 123 World!"; newString = someString.replace (// g, ''); // console.log (newString); // "Pozdravljen, svet!";"

Preusmeritev mobilnih naprav - CSS-triki

Preusmeritev mobilnih naprav - CSS-triki

»mobile.html« bi bil nadomeščen z lokacijo, kjer koli je vaša različica za mobilne naprave. To tehniko bi lahko prilagodili za nalaganje nadomestnega slogovnega lista "

Shranjevanje vsebinskih sprememb vsebine kot JSON z Ajaxom - CSS-triki

Shranjevanje vsebinskih sprememb vsebine kot JSON z Ajaxom - CSS-triki

Elemente z atributom contenteditable lahko urejate neposredno v oknu brskalnika. Seveda pa te spremembe ne vplivajo na dejanski dokument. "

Zahtevani parametri za funkcije v JavaScript - CSS-triki

Zahtevani parametri za funkcije v JavaScript - CSS-triki

Ooo to je pametno! To zberem iz Davidovega bloga. const isRequired = () => (vrzi novo napako ('potreben je param');); const pozdrav = (name = "

Izberite naključni element iz polja - CSS-triki

Izberite naključni element iz polja - CSS-triki

Var myArray =; var randomItem = myArray; Glejte Pen gLJPZv Chrisa Coyierja (@chriscoyier) na CodePen. "

Zamenjave za setInterval z uporabo requestAnimationFrame - CSS-triki

Zamenjave za setInterval z uporabo requestAnimationFrame - CSS-triki

Kar zadeva animacijo, so nam rekli, da je setInterval slaba ideja. Ker se bo na primer zanka izvajala ne glede na kaj drugega, "

Odstranite zadnji znak iz niza - CSS-triki

Odstranite zadnji znak iz niza - CSS-triki

Var origString = 'Vesel ples7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // 'Veseli ples' "

Odstrani vrstice - CSS-triki

Odstrani vrstice - CSS-triki

Ta funkcija ohranja tudi skrito vsebino. funkcija remove_style (vse) (var i = all.length; var j, is_hidden; // predstavitveni atributi. var attr =; "

Odstrani element - CSS-triki

Odstrani element - CSS-triki

Iz kakršnega koli razloga se element v JavaScript ne more uničiti. jQuery ima za to metodo, kar je lepo, ker tako razmišljamo: "

Odstrani dvojnike iz polja - CSS-triki

Odstrani dvojnike iz polja - CSS-triki

Sestavil Svein Petter Gjøby: const array =; // Metoda 1: Uporaba nabora const unique =; // 2. metoda: Array.prototype.reduce const unique = "

Preusmeritev na SSL - CSS-triki

Preusmeritev na SSL - CSS-triki

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Morda boste želeli preizkusiti, če window.location.href "

Prepreči neuspešno preverjanje vdelanega JavaScript - CSS-triki

Prepreči neuspešno preverjanje vdelanega JavaScript - CSS-triki

Ste že kdaj videli te CDATA stvari v JavaScriptu in se spraševali, čemu je bil namenjen? Preverjevalniku preprečuje, da bi to kodo prebral kot oznako in ni uspel "

Kako ustvariti naključno barvo v JavaScript CSS-triki

Kako ustvariti naključno barvo v JavaScript CSS-triki

Tukaj je hitri (obstaja tudi različica PHP): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Oglejte si pisalo Ustvari novo naključno šestnajstiško barvo "

Natisni predmet na zaslon - CSS-triki

Natisni predmet na zaslon - CSS-triki

PHP ima lepo funkcijo print_r za tiskanje informacij o spremenljivki na zaslon. console.log () je odličen za to tudi v JavaScript, toda "

Preprečite utripanje slike v ozadju v IE - CSS-triki

Preprečite utripanje slike v ozadju v IE - CSS-triki

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

API za PageVisibility - CSS-triki

API za PageVisibility - CSS-triki

Predstavitev Sagarja Ganatre "

Predloga Javascripta z imeni - CSS-triki

Predloga Javascripta z imeni - CSS-triki

Samopoklic anonimne funkcije, dodeljene globalni spremenljivki yournamespacechoice. Služi kot učinek ohranjanja vseh funkcij in spremenljivk zasebnih za "

Izvajajte funkcijo v časovnih presledkih - CSS-triki

Izvajajte funkcijo v časovnih presledkih - CSS-triki

Vsako sekundo izvedite funkcijo: function myFunction () (// naredite nekaj) var int = setInterval (myFunction, 1000); Prekliči: clearInterval (int); "

Leno nalaganje slik - CSS-triki

Leno nalaganje slik - CSS-triki

UPDATE: To je precej staro. Če danes iščete lenobne slike, priporočam, da si ogledate: Celoten vodnik za lenobno nalaganje slik Native "