Kodo fragmentai 2025, Sausis

Šiuolaikinis įvykių tvarkymas CSS-gudrybės

Šiuolaikinis įvykių tvarkymas CSS-gudrybės

Tai geriau nei atliekant tradicinį „window.onload“ įvykį, nes tai gali prie vieno įvykio pritvirtinti kelis įvykių tvarkytuvus ir jie visi bus pašaukti. “

Šviesinti / patamsinti Spalva CSS-gudrybės

Šviesinti / patamsinti Spalva CSS-gudrybės

CSS išankstiniai procesoriai „Sass and Less“ gali pasiimti bet kokią spalvą ir patamsinti () arba apšviesti () pagal tam tikrą vertę. Tačiau tokios galimybės nėra integruotos į „JavaScript“.

Perkelti žymeklį į įvesties pabaigą CSS-gudrybės

Perkelti žymeklį į įvesties pabaigą CSS-gudrybės

Kur el yra nuoroda į įvestį arba teksto sritį. funkcija moveCursorToEnd (el) (if (typeof el.selectionStart == "skaičius") (el.selectionStart = "

Daugialypės eilutės kintamieji „JavaScript“ CSS-gudrybės

Daugialypės eilutės kintamieji „JavaScript“ CSS-gudrybės

Tai veikia: var htmlString = "Tai yra eilutė."; Tai nepavyksta: var htmlSTring = "Tai yra eilutė."; Kartais tai yra pageidautina dėl skaitomumo. Papildyti"

Priverskite HTML5 elementus veikti senoje IE - CSS-gudrybės

Priverskite HTML5 elementus veikti senoje IE - CSS-gudrybės

Taigi, kad DOM (taigi ir CSS) atpažintų juos kaip tikrus elementus: (function () (if (! / * @ Cc_on! @ * / 0) return; var e = "

Loop Over querySelectorAll Matchs CSS-gudrybės

Loop Over querySelectorAll Matchs CSS-gudrybės

Pažvelkime į keletą pakartojimų per „NodeList“ parinkčių, kai grįšite paleisdami „document.querySelectorAll“. Mes parašėme atnaujintą straipsnį apie

Loop per masyvą be švaistomų paieškų CSS-gudrybės

Loop per masyvą be švaistomų paieškų CSS-gudrybės

Prieš naudodami funkciją for, raskite masyvo ilgį, todėl nereikia skaičiuoti kiekvieno iteracijos masyvo ilgio (darant prielaidą, kad ilgis "

KeyboardEvent reikšmė (keyCodes, metaKey ir kt.) - CSS-gudrybės

KeyboardEvent reikšmė (keyCodes, metaKey ir kt.) - CSS-gudrybės

Kai suveikia „KeyboardEvent“, galite patikrinti, kuris klavišas buvo paspaustas, nes tame įvykyje yra informacijos, prieš kurią galite rašyti logiką “.

Gaukite URL ir URL dalis „JavaScript“ CSS-gudrybės

Gaukite URL ir URL dalis „JavaScript“ CSS-gudrybės

„JavaScript“ gali dalimis pasiekti dabartinį URL. Šiam URL: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

„JavaScript MD5“ CSS-gudrybės

„JavaScript MD5“ CSS-gudrybės

Var MD5 = funkcija (eilutė) (funkcija RotateLeft (lValue, iShiftBits) (return (lValue> (32-iShiftBits));) funkcija AddUnsigned (lX, lY) (var "

„JavaScript“ masyve yra - CSS-gudrybės

„JavaScript“ masyve yra - CSS-gudrybės

„Javascript“ objektai yra tikrai gražūs, tačiau kartais jiems trūksta naudingų funkcijų / metodų. Aukščiau pateiktas pavyzdys yra su masyvais. Tikrai"

Įvestis su išnykstančiu fono paveikslėliu CSS-gudrybės

Įvestis su išnykstančiu fono paveikslėliu CSS-gudrybės

Tai pakartoja standartinių įterpiamų „Google“ paieškos laukų funkcionalumą. Jie turi vaizdą fone ir spustelėjus įvestį "

Intervalai - CSS-gudrybės

Intervalai - CSS-gudrybės

Standartinis Jums nereikia kurti kintamojo, tačiau tai yra gera praktika, nes galite naudoti tą kintamąjį su „clearInterval“, kad sustabdytumėte šiuo metu veikiantį "

Įšvirkškite HTML iš HTML eilutės - CSS-gudrybės

Įšvirkškite HTML iš HTML eilutės - CSS-gudrybės

Tarkime, kad turite HTML, kuris yra eilutė: leiskite string_of_html = "

Atvėsinti
"; Galbūt tai gaunama iš API arba patys sukūrėte iš „

Įšvirkškite naujas CSS taisykles CSS-gudrybės

Įšvirkškite naujas CSS taisykles CSS-gudrybės

Jei reikia pakeisti elemento stilių naudojant „JavaScript“, paprastai geriau pakeisti klasės pavadinimą ir CSS jau turėti puslapyje. “

Mygtukas "Grįžti atgal" CSS-gudrybės

Mygtukas "Grįžti atgal" CSS-gudrybės

Naršyklės jau turi „atgal“ mygtukus, todėl verčiau turėkite pagrįstą priežastį, kodėl reikia įdėti vieną į savo puslapį! Įvesties mygtukas su tiesioginiu „JavaScript“

Gaukite „YouTube Key“ iš nuorodos CSS-gudrybės

Gaukite „YouTube Key“ iš nuorodos CSS-gudrybės

Nuorodos pavyzdys: // Youtube nuoroda var youtubeLink = document.getElementById ('myLink'). Href; var youtubeVideoKey = "

Html „JavaScript“ esybės - CSS-gudrybės

Html „JavaScript“ esybės - CSS-gudrybės

„htmlentities ()“ yra PHP funkcija, kuri specialiuosius simbolius (pvz., <) paverčia jų ištrintomis / užkoduotomis reikšmėmis (pvz., <). Tai leidžia parodyti „

Gauti URL kintamuosius - CSS-gudrybės

Gauti URL kintamuosius - CSS-gudrybės

Funkcija getQueryVariable (kintamasis) (var query = window.location.search.substring (1); var vars = query.split ("&"); for (var i = 0; i "

Visuotiniai kintamieji CSS-gudrybės

Visuotiniai kintamieji CSS-gudrybės

Paskelbkite kintamąjį už funkcijos ribų ... var oneVariable; function setVariable () (oneVariable = "Kintamasis rinkinys funkcijos viduje!";) funkcija "

Gaukite visus įmanomus DOM įvykius CSS-gudrybės

Gaukite visus įmanomus DOM įvykius CSS-gudrybės

Galite gauti masyvą visų įvykių, prasidedančių raide „on“ (pvz., Onclick), paleidę tai „Console of Firefox“. .filter (funkcija i) (grįžti "

Gauti objekto dydį - CSS-gudrybės

Gauti objekto dydį - CSS-gudrybės

Kaip ir raktų skaičius. funkcija objectSize (the_object) (/ * funkcija patvirtinti kiekvieno objekte esančio rakto egzistavimą, norint gauti galiojantį skaičių "

Skambučio funkcija su atsitiktiniu laikmačiu - CSS-gudrybės

Skambučio funkcija su atsitiktiniu laikmačiu - CSS-gudrybės

Funkcija randRange (duomenys) (var newTime = duomenys; grąžinti newTime;) funkcija toggleSomething () (var timeArray = naujas masyvas (200, 300, 150, 250, 2000, 3000, "

Formatuoti valiutą CSS-gudrybės

Formatuoti valiutą CSS-gudrybės

Ši funkcija suapvalins skaičius iki dviejų skaičių po kablelio ir užtikrins, kad grąžinama reikšmė būtų dviejų dešimtųjų tikslumu. Pavyzdžiui, 12.006 grąžins 12.01 "

Ištaisykite IE 10 „Windows Phone 8 Viewport“ CSS-gudrybės

Ištaisykite IE 10 „Windows Phone 8 Viewport“ CSS-gudrybės

(funkcija () (if (navigator.userAgent.match (/IEMobile/10.0/)) (var msViewportStyle = document.createElement ("style"); msViewportStyle.appendChild ("

Ištuštinti masyvą CSS-gudrybės

Ištuštinti masyvą CSS-gudrybės

Tai yra vienas iš greičiausių ir paprasčiausių masyvo ištuštinimo būdų. Žinoma, yra ir kitų būdų, tačiau dažniausiai tai yra naujo masyvo sukūrimas. "

Reikalingas „JavaScript“ turinys su atsarginiu turiniu CSS-gudrybės

Reikalingas „JavaScript“ turinys su atsarginiu turiniu CSS-gudrybės

Reikalinga „JavaScript“ sritis yra paslėpta naudojant vidinį CSS ir parodoma, kai ji įkeliama su nedideliu „JavaScript“ fragmentu. Po to naudojamos „noscript“ žymos "

Pultų registravimas be klaidų - CSS-gudrybės

Pultų registravimas be klaidų - CSS-gudrybės

Var Fb = (); // Tuščias objekto pažodinis elementas funkcijai Fb.log = function (obj, consoleMethod) laikyti (if (window.console && window.console.firebug && "

Skirtingi stiliaus lapai, laukiant paros laiko CSS-gudrybės

Skirtingi stiliaus lapai, laukiant paros laiko CSS-gudrybės

Pavadinkite savo css failus atitinkamai: night.css, day.css ir kt.