Tūkstančiai patarimai CSS, PHP, scenarijus. Naudingi samouczków ir vaizdo patarimai

Populiarios mėnesio

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 = "

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“

Įš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. “

Įš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š „

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į "

Į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į "

„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"

„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 "

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 = "

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ą “.

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 "

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

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 = "

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"

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 = "

Š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“.

Š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. “

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ą

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); "

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