Koodijupid 2025, Aprill

Kaasaegne ürituste käitlemine - CSS-trikid

Kaasaegne ürituste käitlemine - CSS-trikid

See on parem kui traditsioonilise sündmuse "window.onload" tegemine, kuna see võib ühele sündmusele kinnitada mitu sündmuste käitlejat ja nad kõik saavad kõne. "

Heledamaks / tumedamaks värv CSS-trikid

Heledamaks / tumedamaks värv CSS-trikid

CSS-i eeltöötlejad Sass ja Less võivad võtta mis tahes värvi ja tumendada () või helendada () seda konkreetse väärtusega. Kuid JavaScripti sees pole sellist võimalust sisse ehitatud. "

Liiguta kursor sisendi lõppu - CSS-trikid

Liiguta kursor sisendi lõppu - CSS-trikid

Kui el on viide sisendile või tekstialale. funktsioon moveCursorToEnd (el) (if (typeof el.selectionStart == "number") (el.selectionStart = "

Mitmerealised stringimuutujad JavaScripti - CSS-trikid

Mitmerealised stringimuutujad JavaScripti - CSS-trikid

See töötab: var htmlString = "See on string."; See ebaõnnestub: var htmlSTring = "See on string."; Mõnikord on see loetavuse jaoks soovitav. Lisama"

Pange HTML5-elemendid töötama vanas IE-s - CSS-trikid

Pange HTML5-elemendid töötama vanas IE-s - CSS-trikid

Nii et DOM (ja seega ka CSS) tunneb need tõelisteks elementideks: (function () (if (! / * @ Cc_on! @ * / 0) return; var e = "

Loop over querySelectorKõik vasted - CSS-trikid

Loop over querySelectorKõik vasted - CSS-trikid

Vaatame mõningaid võimalusi NodeListi kaudu kordamiseks, kui saate dokumendi.querySelectorAll käivitamisest tagasi. Oleme kirjutanud uuendatud artikli teemal "

Loop läbi massiivi ilma raiskavate otsinguteta - CSS-trikid

Loop läbi massiivi ilma raiskavate otsinguteta - CSS-trikid

Leidke massiivi pikkus enne selle kasutamist funktsioonis for, nii et see ei pea iga korduse korral massiivi pikkust lugema (eeldades pikkust "

KeyboardEventi väärtus (keyCodes, metaKey jne) - CSS-trikid

KeyboardEventi väärtus (keyCodes, metaKey jne) - CSS-trikid

Kui KeyboardEvent käivitub, saate testida, millisele klahvile vajutati, kuna see sündmus sisaldab teavet, mille vastu saate loogikat kirjutada. "

Hankige URL ja URL-i osad JavaScripti - CSS-trikid

Hankige URL ja URL-i osad JavaScripti - CSS-trikid

JavaScript pääseb praegusele URL-ile osade kaupa juurde. Selle URL-i jaoks: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

JavaScripti MD5 - CSS-trikid

JavaScripti MD5 - CSS-trikid

Var MD5 = funktsioon (string) (funktsioon RotateLeft (lValue, iShiftBits) (return (lValue> (32-iShiftBits));) funktsioon AddUnsigned (lX, lY) (var "

JavaScripti massiiv sisaldab - CSS-trikid

JavaScripti massiiv sisaldab - CSS-trikid

Javascripti objektid on tõesti toredad, kuid mõnikord on neil puudu mõned kasulikud funktsioonid / meetodid. Ülaltoodud näide on massiividega. See on tõesti "

Sisend kaduva taustpildiga - CSS-trikid

Sisend kaduva taustpildiga - CSS-trikid

See kordab manustatavate Google'i otsingu väljade funktsionaalsust. Nende taustal on pilt ja kui sisendil klõpsatakse "

Intervallid - CSS-trikid

Intervallid - CSS-trikid

Standard Teil pole vaja muutujat luua, kuid see on hea tava, kuna saate seda muutujat ClearIntervaliga kasutada praegu töötava peatamiseks "

Sisestage HTML HTML-i stringist - CSS-trikid

Sisestage HTML HTML-i stringist - CSS-trikid

Oletame, et teil on string, mis on string: laske string_of_html = "

Lahe
"; Võib-olla pärineb see API-st või olete selle ise loonud

Uute CSS-i reeglite süstimine - CSS-trikid

Uute CSS-i reeglite süstimine - CSS-trikid

Kui peate JavaScripti elemendi stiili muutma, on tavaliselt parem muuta klassi nime ja lasta CSS-l juba lehel võtta "

Nupp "Tagasi" - CSS-trikid

Nupp "Tagasi" - CSS-trikid

Brauseritel on juba nupud "tagasi", nii et parem oleks teil veel üks põhjus, miks peate selle oma lehele panema! Sisestatud nupp koos JavaScripti sisuga "

Hankige YouTube'i võti lingilt - CSS-trikid

Hankige YouTube'i võti lingilt - CSS-trikid

Lingi näide: // Youtube'i link var youtubeLink = document.getElementById ('myLink'). Href; var youtubeVideoKey = "

HTML JavaScripti olendid - CSS-trikid

HTML JavaScripti olendid - CSS-trikid

Htmlentities () on PHP-funktsioon, mis teisendab erimärgid (nagu <) nende põgenenud / kodeeritud väärtusteks (nagu <). See võimaldab teil näidata

Hangi URL-i muutujad CSS-trikid

Hangi URL-i muutujad CSS-trikid

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

Globaalsed muutujad CSS-trikid

Globaalsed muutujad CSS-trikid

Deklareeri muutuja väljaspool funktsiooni ... var oneVariable; function setVariable () (oneVariable = "Muutuja komplekt funktsiooni seest!";) function "

Hankige kõik võimalikud DOM-i sündmused - CSS-trikid

Hankige kõik võimalikud DOM-i sündmused - CSS-trikid

Saate massiivi kõigist sündmustest, mis algavad tähega "on" (nt onclick), käivitades selle Firefoxi konsoolis. .filter (funktsioon (i) (return "

Hangi objekti suurus - CSS-trikid

Hangi objekti suurus - CSS-trikid

Nagu ka võtmete arv. funktsioon objectSize (the_object) (/ * funktsioon iga objekti võtme olemasolu kinnitamiseks, et saada kehtiva arvu arv "

Kõnefunktsioon juhusliku taimeriga - CSS-trikid

Kõnefunktsioon juhusliku taimeriga - CSS-trikid

Function randRange (data) (var newTime = data; return newTime;) function toggleSomething () (var timeArray = new Array (200, 300, 150, 250, 2000, 3000, "

Valuuta vormindamine CSS-trikid

Valuuta vormindamine CSS-trikid

See funktsioon ümardab numbrid kahe kümnendkohani ja tagab, et tagastataval väärtusel oleks kaks kohta pärast koma. Näiteks 12.006 tagastab 12.01, "

Parandage Windows Phone 8 vaateavas olev IE 10 - CSS-trikid

Parandage Windows Phone 8 vaateavas olev IE 10 - CSS-trikid

(function () (if (navigaator.userAgent.match (/IEMobile/10.0/)) (var msViewportStyle = document.createElement ("stiil"); msViewportStyle.appendChild ("

Tühjendage massiiv - CSS-trikid

Tühjendage massiiv - CSS-trikid

See on üks kiiremaid ja lihtsamaid viise massiivi tühjendamiseks. Muidugi võib olla ka teisi viise, kuid need hõlmavad tavaliselt uue massiivi loomist. "

JavaScripti nõutav sisu varukoopiaga CSS-trikid

JavaScripti nõutav sisu varukoopiaga CSS-trikid

JavaScripti jaoks vajalik ala on peidetud sisemise CSS-iga ja kuvatakse siis, kui see on laaditud väikese JavaScripti jupiga. Selle all kasutatakse noscript-silte "

Konsooli tõrgeteta logimine - CSS-trikid

Konsooli tõrgeteta logimine - CSS-trikid

Var Fb = (); // Tühi objekti literaal funktsiooni Fb.log = function (obj, consoleMethod) hoidmiseks (if (window.console && window.console.firebug && "

Erinevad stiililehed kellaaja järgi - CSS-trikid

Erinevad stiililehed kellaaja järgi - CSS-trikid

Nimetage oma css-failid vastavalt: night.css, day.css jne ... Üks lahe boonus on see, et kuna JavaScript saab aja kohalikust masinast, mitte "