Isječci koda 2025, Rujan

API .classList () - CSS-trikovi

API .classList () - CSS-trikovi

Pod pretpostavkom da imate element u DOM-u:

Nabavite referencu na taj DOM element: const el = document.querySelector ("# el"); Onda ti "

Testirajte je li Mac ili PC s JavaScriptom CSS-trikovi

Testirajte je li Mac ili PC s JavaScriptom CSS-trikovi

Testiranje korisničkog agenta je sranje, ali ponekad vam treba za suptilne stvari. U mom slučaju koristio sam ga za podešavanje onoga što sam pokazivao za tipkovne prečace "

Testirajte podržava li element svojstvo - CSS-trikovi

Testirajte podržava li element svojstvo - CSS-trikovi

Ne podržavaju svi preglednici sve atribute na svim elementima. Postoji niz novih atributa u HTML5, pa je ideja da testiramo kako bismo vidjeli kakav preglednik "

Kartice podrške u Textareasu CSS-trikovi

Kartice podrške u Textareasu CSS-trikovi

Tipka tab obično se premješta na sljedeću fokusiranu stvar. Ovo umjesto toga umeće znak kartice. HTMLTextAreaElement.prototype.getCaretPosition = function "

Skinite razmak s niza - CSS-trikovi

Skinite razmak s niza - CSS-trikovi

Razmak, što znači kartice i razmaci. JavaScript od vanilije (obrezivanje vodeće i prateće) var str = "abcdefg"; var newStr = str.trim (); // "a B C D E F"

Uklonite HTML oznake u JavaScript - CSS-trikovi

Uklonite HTML oznake u JavaScript - CSS-trikovi

Neka strippedString = originalString.replace (/ (<(+)>) / gi, ""); CodePen ugrađen rezervni "

Testirajte sadrži li događaj dragenter / dragover datoteke - CSS-trikovi

Testirajte sadrži li događaj dragenter / dragover datoteke - CSS-trikovi

Povlačenje i ispuštanje HTML5 izvrsno je za rukovanje prijenosima datoteka. Ali ako je to jedina stvar za koju ga koristite, lijepo je znati postoji li neki dragenter "

Test za Internet Explorer u JavaScript - CSS-trikovi

Test za Internet Explorer u JavaScript - CSS-trikovi

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// radimo stvari specifične za IE) else (// radimo stvari koje nisu specifične za IE) "

Uključivanje (Prikaži / sakrij) elementa - CSS-trikovi

Uključivanje (Prikaži / sakrij) elementa - CSS-trikovi

Unutarnja upotreba: Kliknite ovdje za prebacivanje vidljivosti elementa #foo Ovo je foo "

Nasumični niz - CSS-trikovi

Nasumični niz - CSS-trikovi

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

Trake s brojeva - CSS-trikovi

Trake s brojeva - CSS-trikovi

Var someString = "Pozdrav svijetu 123!"; newString = someString.replace (// g, ''); // console.log (newString); // "Pozdrav svijete!";"

Preusmjeravanje mobilnih uređaja - CSS-trikovi

Preusmjeravanje mobilnih uređaja - CSS-trikovi

"mobile.html" bio bi zamijenjen mjestom gdje god se nalazi vaša mobilna verzija. Ova bi se tehnika mogla prilagoditi učitavanju zamjenskog lista stilova "

Spremanje zadovoljnih promjena sadržaja kao JSON s Ajaxom - CSS-trikovi

Spremanje zadovoljnih promjena sadržaja kao JSON s Ajaxom - CSS-trikovi

Elementi s atributom contenteditable mogu se uređivati ​​uživo izravno u prozoru preglednika. Ali naravno da te promjene ne utječu na stvarni dokument "

Potrebni parametri za funkcije u JavaScript - CSS-trikovi

Potrebni parametri za funkcije u JavaScript - CSS-trikovi

Ooo ovo je pametno! Uvlačim ovo s Davidovog bloga. const isRequired = () => (izbaci novu grešku ('potreban je param');); const pozdrav = (name = "

Odaberite slučajnu stavku iz niza - CSS-trikovi

Odaberite slučajnu stavku iz niza - CSS-trikovi

Var mojArray =; var randomItem = myArray; Pogledajte olovku gLJPZv Chrisa Coyiera (@chriscoyier) na CodePenu. "

Zamjene za setInterval pomoću requestAnimationFrame - CSS-trikovi

Zamjene za setInterval pomoću requestAnimationFrame - CSS-trikovi

Što se tiče animacije, kažu nam da je setInterval loša ideja. Jer, na primjer, petlja će se izvoditi bez obzira na bilo što drugo što se događa, "

Uklonite posljednji znak iz niza - CSS-trikovi

Uklonite posljednji znak iz niza - CSS-trikovi

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

Uklonite ugrađene stilove - CSS-trikovi

Uklonite ugrađene stilove - CSS-trikovi

Ova funkcija također čuva skriveni sadržaj. funkcija remove_style (all) (var i = all.length; var j, is_hidden; // Prezentacijski atributi. var attr =; "

Uklonite element - CSS-trikovi

Uklonite element - CSS-trikovi

Iz bilo kojeg razloga, element se ne može uništiti u JavaScript-u. jQuery ima metodu za to, što je lijepo jer ovako razmišljamo: "

Ukloni duplikate iz niza - CSS-trikovi

Ukloni duplikate iz niza - CSS-trikovi

Sastavio Svein Petter Gjøby: const array =; // Metoda 1: Korištenje skupa const unique =; // Metoda 2: Array.prototype.reduce const unique = "

Preusmjeravanje na SSL - CSS-trikovi

Preusmjeravanje na SSL - CSS-trikovi

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Možda biste željeli testirati ako window.location.href "

Spriječi neuspjeh provjere valjanosti ugrađenog JavaScripta - CSS-trikovi

Spriječi neuspjeh provjere valjanosti ugrađenog JavaScripta - CSS-trikovi

Jeste li ikad vidjeli te CDATA stvari u JavaScriptu i zapitali se čemu je to služilo? Spriječiti je da validator čita taj kôd kao markup i neuspjeh "

Kako generirati slučajnu boju u JavaScript - u CSS-trikovi

Kako generirati slučajnu boju u JavaScript - u CSS-trikovi

Evo brzog (postoji i PHP verzija): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Pogledajte olovku kako generira novu nasumičnu hex boju "

Ispis objekta na zaslon - CSS-trikovi

Ispis objekta na zaslon - CSS-trikovi

PHP ima lijepu funkciju print_r za ispis podataka o varijabli na zaslon. console.log () je sjajan za to i u JavaScriptu, ali "

Spriječite treperenje pozadinske slike u IE - CSS-trikovi

Spriječite treperenje pozadinske slike u IE - CSS-trikovi

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

PageVisibility API - CSS-trikovi

PageVisibility API - CSS-trikovi

Demo Sagar Ganatra "

Javascript predložak s imenima - CSS-trikovi

Javascript predložak s imenima - CSS-trikovi

Anonimna funkcija koja se samopoziva dodijeljena globalnoj varijabli yournamespacechoice. Služi učinku čuvanja svih funkcija i varijabli privatnim za "

Obavljajte funkciju u vremenskim intervalima - CSS-trikovi

Obavljajte funkciju u vremenskim intervalima - CSS-trikovi

Izvodite funkciju svake sekunde: function myFunction () (// učinite nešto) var int = setInterval (myFunction, 1000); Otkaži ga: clearInterval (int); "

Lijeno učitavanje slika - CSS-trikovi

Lijeno učitavanje slika - CSS-trikovi

UPDATE: Ovo je prilično staro. Ako danas želite lijeno učitavanje slika, preporučio bih da pogledate: Cjelovit vodič za lijeno učitavanje slika Izvorni "