Koda fragmenti 2025, Aprīlis

.ClassList () API - CSS-triki

.ClassList () API - CSS-triki

Pieņemot, ka jums ir elements DOM:

Iegūstiet atsauci uz šo DOM elementu: const el = document.querySelector ("# el"); Tad tu"

Pārbaudiet, vai Mac vai PC ar JavaScript - CSS-triki

Pārbaudiet, vai Mac vai PC ar JavaScript - CSS-triki

Lietotāja aģenta testēšana ir ļoti reāla, taču dažreiz tā nepieciešama smalkām lietām. Manā gadījumā es to izmantoju, lai pielāgotu to, ko rādīju īsinājumtaustiņiem "

Pārbaudiet, vai elements atbalsta atribūtu CSS-triki

Pārbaudiet, vai elements atbalsta atribūtu CSS-triki

Ne visas pārlūkprogrammas atbalsta visus elementu visus atribūtus. HTML5 ir vairāki jauni atribūti, tāpēc ideja izmēģināt, lai redzētu, kāda veida pārlūks "

Atbalsta cilnes Textareas CSS-triki

Atbalsta cilnes Textareas CSS-triki

Parasti tabulēšanas taustiņš pāriet uz nākamo fokusējamo lietu. Tā vietā tiek ievietota cilnes rakstzīme. HTMLTextAreaElement.prototype.getCaretPosition = function "

Noņemiet atstarpi no virknes CSS-triki

Noņemiet atstarpi no virknes CSS-triki

Atstarpe, kas nozīmē cilnes un atstarpes. Vanilla JavaScript (Trim Leading and Trailing) var str = "abcdefg"; var newStr = str.trim (); // "abcde f"

Sloksnes HTML tagus JavaScript - CSS-triki

Sloksnes HTML tagus JavaScript - CSS-triki

Ļaujiet strippedString = originalString.replace (/ (<(+)>) / gi, ""; CodePen Iegult atkāpšanos "

Pārbaudiet, vai dragenter / dragover Event satur failus - CSS-triki

Pārbaudiet, vai dragenter / dragover Event satur failus - CSS-triki

HTML5 vilkšana un nomešana ir lieliski piemērota failu augšupielāžu apstrādei. Bet, ja tas ir vienīgais, ko jūs to izmantojat, ir patīkami uzzināt, vai kāds konkrēts vilkējs "

Pārlūkprogrammas Internet Explorer pārbaude JavaScript - CSS-triki

Pārlūkprogrammas Internet Explorer pārbaude JavaScript - CSS-triki

Var isMSIE = / * @ cc_on! @ * / 0; ja (isMSIE) (// veic IE specifiskas lietas) cits (// veic lietas, kas nav saistītas ar IE) ""

Pārslēgt (rādīt / paslēpt) elementu - CSS-triki

Pārslēgt (rādīt / paslēpt) elementu - CSS-triki

Iekļauts lietojums: Noklikšķiniet šeit, lai pārslēgtu elementa #foo redzamību Tas ir foo "

Jauktā masīva - CSS-triki

Jauktā masīva - CSS-triki

Tehnika # 1 funkcija Shuffle (o) (for (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); atgriešanās o;); Lietojums var testArray "

Striptu numuri no virknes CSS-triki

Striptu numuri no virknes CSS-triki

Var someString = "Sveiki 123 pasaule!"; newString = someString.replace (// g, ''); // console.log (newString); // "Sveika pasaule!";"

Pāradresēt mobilās ierīces CSS-triki

Pāradresēt mobilās ierīces CSS-triki

Vietne “mobile.html” tiktu aizstāta ar atrašanās vietu neatkarīgi no jūsu mobilās versijas atrašanās vietas. Šo tehniku ​​var pielāgot, lai ielādētu alternatīvu stila lapu "

Saglabājot satura rediģējamas satura izmaiņas kā JSON ar Ajax - CSS-triki

Saglabājot satura rediģējamas satura izmaiņas kā JSON ar Ajax - CSS-triki

Elementus ar atribūtu contenteditable var tieši rediģēt tieši pārlūkprogrammas logā. Bet, protams, šīs izmaiņas neietekmē faktisko dokumentu "

Obligātie parametri JavaScript funkcijām - CSS-triki

Obligātie parametri JavaScript funkcijām - CSS-triki

Ooo tas ir gudrs! Es to aizķeru no Dāvida emuāra. const isRequired = () => (mest jaunu kļūdu ('parametrs ir nepieciešams');); const sveiki = (nosaukums = "

Masīvā atlasiet Nejaušs vienums CSS-triki

Masīvā atlasiet Nejaušs vienums CSS-triki

Var myArray =; var randomItem = myArray; Skatiet Chris Coyier (@chriscoyier) Pen gLJPZv vietnē CodePen. "

SetInterval aizstājēji Izmantojot requestAnimationFrame - CSS-triki

SetInterval aizstājēji Izmantojot requestAnimationFrame - CSS-triki

Runājot par animāciju, mums tiek teikts, ka setInterval ir slikta ideja. Tā kā, piemēram, cilpa darbosies neatkarīgi no visa cita, kas notiek "

Noņemiet pēdējo rakstzīmi no virknes CSS-triki

Noņemiet pēdējo rakstzīmi no virknes CSS-triki

Var origString = 'Priecīga deja7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // "Laimīgā deja" "

Noņemt ievietotos stilus - CSS-triki

Noņemt ievietotos stilus - CSS-triki

Šī funkcija saglabā arī slēpto saturu. funkcija remove_style (all) (var i = all.length; var j, is_hidden; // Prezentācijas atribūti. var attr =; "

Noņemt elementu - CSS-triki

Noņemt elementu - CSS-triki

Kādu iemeslu dēļ elements nevar pats sevi iznīcināt JavaScript. jQuery tam ir metode, kas ir jauki, jo mēs tā domājam: "

Noņemt dublikātus no masīva CSS-triki

Noņemt dublikātus no masīva CSS-triki

Sastādījis Sveins Peters Džordžs: const masīvs =; // 1. metode: Izmantojot komplektu const unikāls =; // 2. metode: Array.prototype.reduce const unikāls = "

Pārvirzīšana uz SSL - CSS-triki

Pārvirzīšana uz SSL - CSS-triki

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Jūs varētu vēlēties pārbaudīt, vai window.location.href "

Novērst iegulto JavaScript neizdodas pārbaudīt CSS-triki

Novērst iegulto JavaScript neizdodas pārbaudīt CSS-triki

Vai esat kādreiz redzējuši šo CDATA saturu JavaScript un domājāt, kam tas domāts? Tas ir jānovērš validatoram lasīt šo kodu kā marķējumu un neizdoties "

Kā ģenerēt nejaušu krāsu JavaScript CSS-triki

Kā ģenerēt nejaušu krāsu JavaScript CSS-triki

Lūk, ātri (ir arī PHP versija): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Skatiet, kā pildspalva ģenerē jaunu nejaušu sešstūra krāsu "

Drukāt objektu ekrānā - CSS-triki

Drukāt objektu ekrānā - CSS-triki

PHP ir jauka print_r funkcija, lai ekrānā izdrukātu informāciju par mainīgo. console.log () ir lieliski piemērots arī JavaScript, taču "

Novērst fona attēla mirgošanu IE CSS-triki

Novērst fona attēla mirgošanu IE CSS-triki

Mēģiniet (document.execCommand ("BackgroundImageCache", false, true);) catch (err) () "

PageVisibility API - CSS-triki

PageVisibility API - CSS-triki

Sagara Ganatras demonstrācija "

Vārda atstarpes Javascript veidne - CSS-triki

Vārda atstarpes Javascript veidne - CSS-triki

Pašnodarbinātā anonīma funkcija, kas piešķirta globālajam mainīgajam yournamespacechoice. Kalpo tam, ka visas funkcijas un mainīgie tiek saglabāti privāti

Veikt funkciju noteiktos laika intervālos CSS-triki

Veikt funkciju noteiktos laika intervālos CSS-triki

Veiciet funkciju ik pēc sekundes: funkcija myFunction () (// kaut ko daru) var int = setInterval (myFunction, 1000); Atcelt to: clearInterval (int); "

Slinks Notiek attēlu ielāde CSS-triki

Slinks Notiek attēlu ielāde CSS-triki

ATJAUNINĀT: Tas ir diezgan vecs. Ja šajās dienās vēlaties slinki ielādēt attēlus, es iesaku apskatīt: Pilns ceļvedis par slinku attēlu ielādi vietējs