Kodo fragmentai 2025, Sausis

.ClassList () API - CSS-gudrybės

.ClassList () API - CSS-gudrybės

Darant prielaidą, kad turite DOM elementą:

Gaukite nuorodą į tą DOM elementą: const el = document.querySelector ("# el"); Tada tu"

Patikrinkite, ar „Mac“ ar asmeninis kompiuteris su „JavaScript“ - CSS-gudrybės

Patikrinkite, ar „Mac“ ar asmeninis kompiuteris su „JavaScript“ - CSS-gudrybės

„User Agent“ testavimas yra sugedęs, bet kartais jo reikia subtiliems dalykams. Mano atveju aš jį naudojau norėdamas pakoreguoti tai, ką rodžiau, naudodamas sparčiuosius klavišus "

Patikrinkite, ar elementas palaiko atributą CSS-gudrybės

Patikrinkite, ar elementas palaiko atributą CSS-gudrybės

Ne visos naršyklės palaiko visus visų elementų atributus. HTML5 yra daugybė naujų atributų, todėl idėja išbandyti, kokia naršyklė "

Palaikymo skirtukai „Textareas“ CSS-gudrybės

Palaikymo skirtukai „Textareas“ CSS-gudrybės

Paprastai tabuliavimo klavišas pereina prie kito fokusuojamo dalyko. Vietoj to įterpiamas skirtuko simbolis. HTMLTextAreaElement.prototype.getCaretPosition = function "

Nuimkite tarpą iš eilutės CSS-gudrybės

Nuimkite tarpą iš eilutės CSS-gudrybės

Tarpai, ty skirtukai ir tarpai. „Vanilla JavaScript“ („Trim Leading and Trailing“) var str = "abcdefg"; var newStr = str.trim (); // "abcde f"

Juostelės HTML žymos „JavaScript“ CSS-gudrybės

Juostelės HTML žymos „JavaScript“ CSS-gudrybės

Tegul strippedString = originalString.replace (/ (<(+)>) / gi, ""; „CodePen“ įdėkite atsarginę versiją “

Patikrinkite, ar „dragenter“ / „dragover“ įvykyje yra failų - CSS-gudrybės

Patikrinkite, ar „dragenter“ / „dragover“ įvykyje yra failų - CSS-gudrybės

HTML5 „drag and drop“ yra puikus būdas tvarkyti failų įkėlimus. Bet jei tai yra vienintelis dalykas, dėl kurio jį naudojate, malonu žinoti, ar tam tikras vilkikas "

„Internet Explorer“ bandymas naudojant „JavaScript“ CSS-gudrybės

„Internet Explorer“ bandymas naudojant „JavaScript“ CSS-gudrybės

Var isMSIE = / * @ cc_on! @ * / 0; jei (isMSIE) (// darykite konkrečius dalykus, susijusius su IE), dar (// darykite ne tam skirtus dalykus) "

Perjungti (rodyti / slėpti) elementą - CSS-gudrybės

Perjungti (rodyti / slėpti) elementą - CSS-gudrybės

Tiesioginis naudojimas: spustelėkite čia, jei norite pakeisti elemento #foo matomumą Tai yra foo "

Maišyti masyvą - CSS-gudrybės

Maišyti masyvą - CSS-gudrybės

Technika # 1 funkcija Maišyti (o) (už (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); grįžti o;); Naudojimas var testArray "

Numerių iš eilutės numeriai CSS-gudrybės

Numerių iš eilutės numeriai CSS-gudrybės

Var someString = "Sveiki, 123 pasaulis!"; newString = someString.replace (// g, ''); // console.log (newString); // "Labas pasauli!";"

Nukreipti mobiliuosius įrenginius CSS-gudrybės

Nukreipti mobiliuosius įrenginius CSS-gudrybės

„mobile.html“ būtų pakeista vieta, kur būtų jūsų mobilioji versija. Šią techniką galima pritaikyti norint įkelti alternatyvų stiliaus lapą "

Taupomo turinio pakeitimų išsaugojimas kaip JSON naudojant „Ajax“ CSS-gudrybės

Taupomo turinio pakeitimų išsaugojimas kaip JSON naudojant „Ajax“ CSS-gudrybės

Elementus su „contenteditable“ atributu galima tiesiogiai redaguoti tiesiai naršyklės lange. Bet, žinoma, šie pakeitimai neturi įtakos tikram dokumentui "

Reikalingi „JavaScript“ funkcijų parametrai - CSS-gudrybės

Reikalingi „JavaScript“ funkcijų parametrai - CSS-gudrybės

Ooo tai protinga! Tai užkliuvau iš Deivido tinklaraščio. const isRequired = () => (mesti naują klaidą ('reikalingas parametras');); const labas = (vardas = "

Pasirinkite atsitiktinį elementą iš masyvo - CSS-gudrybės

Pasirinkite atsitiktinį elementą iš masyvo - CSS-gudrybės

Var myArray =; var randomItem = myArray; Žr. Chriso Coyierio (@chriscoyier) „Pen gLJPZv“ „CodePen“. “

„SetInterval“ pakaitalai naudojant requestAnimationFrame - CSS-gudrybės

„SetInterval“ pakaitalai naudojant requestAnimationFrame - CSS-gudrybės

Kalbant apie animaciją, mums sakoma, kad „setInterval“ yra bloga idėja. Nes, pavyzdžiui, kilpa veiks nepriklausomai nuo to, kas vyksta “

Pašalinkite paskutinį simbolį iš eilutės CSS-gudrybės

Pašalinkite paskutinį simbolį iš eilutės CSS-gudrybės

Var origString = 'Laimingas šokis7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // „Laimingas šokis“

Pašalinti įterptinius stilius - CSS-gudrybės

Pašalinti įterptinius stilius - CSS-gudrybės

Ši funkcija taip pat išsaugo paslėptą turinį. funkcija remove_style (all) (var i = all.length; var j, is_hidden; // Pristatymo atributai. var attr =; "

Pašalinti elementą - CSS-gudrybės

Pašalinti elementą - CSS-gudrybės

Dėl kokios nors priežasties elementas negali sunaikinti „JavaScript“. „jQuery“ tam turi metodą, kuris yra malonus, nes taip galvojame: "

Pašalinti dublikatus iš masyvo CSS-gudrybės

Pašalinti dublikatus iš masyvo CSS-gudrybės

Sudarė Svein Petter Gjøby: const masyvas =; // 1 metodas: rinkinio „Set const“ naudojimas unikalus =; // 2 metodas: masyvas.prototype.reduce const unikalus = "

Nukreipti į SSL - CSS-gudrybės

Nukreipti į SSL - CSS-gudrybės

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Galite išbandyti, ar window.location.href "

Neleiskite, kad įterptoji „JavaScript“ nepatvirtintų - CSS-gudrybės

Neleiskite, kad įterptoji „JavaScript“ nepatvirtintų - CSS-gudrybės

Ar kada nors pamatėte tuos „CDATA“ dalykus „JavaScript“ ir įdomu, kam jie skirti? Tai siekiama užkirsti kelią tikrintojui skaityti tą kodą kaip žymėjimą ir nepavykti "

Kaip sukurti atsitiktinę spalvą „JavaScript“ CSS-gudrybės

Kaip sukurti atsitiktinę spalvą „JavaScript“ CSS-gudrybės

Čia greitai (yra ir PHP versija): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Žiūrėkite, kaip rašiklis sukuria naują atsitiktinę šešiakampę spalvą

Spausdinti objektą ekrane CSS-gudrybės

Spausdinti objektą ekrane CSS-gudrybės

PHP turi puikią spausdinimo_r funkciją, skirtą spausdinti informaciją apie kintamąjį į ekraną. console.log () puikiai tinka ir „JavaScript“, bet "

Užkirsti kelią fono vaizdo mirgėjimui CSS-gudrybės

Užkirsti kelią fono vaizdo mirgėjimui CSS-gudrybės

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

„PageVisibility“ API - CSS-gudrybės

„PageVisibility“ API - CSS-gudrybės

Sagaro Ganatros demonstracija “

Vardų srities „Javascript“ šablonas - CSS-gudrybės

Vardų srities „Javascript“ šablonas - CSS-gudrybės

Savarankiškai iškviečianti anoniminę funkciją, priskirtą visuotiniam jūsų vardų erdvės pasirinkimo kintamajam. Teikia efektą, kai visos funkcijos ir kintamieji yra privatūs

Atlikite funkciją nustatytu laiku - CSS-gudrybės

Atlikite funkciją nustatytu laiku - CSS-gudrybės

Atlikite funkciją kas sekundę: funkcija myFunction () (// ką nors padaryti) var int = setInterval (myFunction, 1000); Atšaukti: clearInterval (int); "

Tingi kraunami vaizdai - CSS-gudrybės

Tingi kraunami vaizdai - CSS-gudrybės

ATNAUJINIMAS: Tai gana sena. Jei šiomis dienomis norite tingiai įkelti paveikslėlius, rekomenduočiau pažvelgti į: Pilną tingų vaizdų įkėlimo vadovą gimtąją