Koodinpätkät 2025, Heinäkuu

Oletetaan, että sinulla on elementti DOM: ssa:

Hanki viite kyseiseen DOM-elementtiin: const el = document.querySelector ("# el"); Sitten sinä"

User Agent -testaus on perseestä, mutta joskus tarvitset sitä hienovaraisiin asioihin. Minun tapauksessani käytin sitä säätämään mitä näytin pikanäppäimille "

Kaikki selaimet eivät tue kaikkien elementtien kaikkia määritteitä. HTML5: ssä on useita uusia määritteitä, joten ajatus testata, millainen selain "

Normaalisti sarkainnäppäin siirtyy seuraavaan kohdennettavaan asiaan. Tämä lisää välilehden merkin sen sijaan. HTMLTextAreaElement.prototype.getCaretPosition = function "

Välilyönti, mikä tarkoittaa välilehtiä ja välilyöntejä. Vanilja JavaScript (Trim Leading and Trailing) var str = "abcdefg"; var newStr = str.trim (); // "A B C D E F"

Anna strippedString = originalString.replace (/ (<(+)>) / gi, ""; CodePen Embed Fallback "

HTML5 vedä ja pudota -toiminto on hyvä tiedostolatausten käsittelyyn. Mutta jos se on ainoa asia, johon käytät sitä, on mukava tietää, onko jokin erityinen dragenter "

Var isMSIE = / * @ cc_on! @ * / 0; jos (isMSIE) (// tee IE-spesifisiä asioita) else (// tee ei IE-spesifisiä asioita) "

Sisäinen käyttö: Napsauta tätä vaihtaaksesi elementin #foo näkyvyyden Tämä on foo "

Tekniikka # 1 -toiminto Satunnaistoisto (o) (for (var j, x, i = o.pituus; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); paluu o;); Käyttö var testArray "

Var someString = "Hei 123 maailma!"; newString = someString.replace (// g, ''); // konsoli.log (newString); // "Hei maailma!";"

"mobile.html" korvataan sijainnilla missä tahansa mobiiliversiossasi asuu. Tätä tekniikkaa voidaan mukauttaa lataamaan vaihtoehtoinen tyylitaulukko "

Elementit, joilla on contenteditable-attribuutti, voidaan muokata suoraan selainikkunassa. Mutta tietysti nämä muutokset eivät vaikuta varsinaiseen asiakirjaan "

Ooo tämä on fiksu! Otan tämän Davidin blogista. const isRequired = () => (heitä uusi virhe ('param vaaditaan');); const hei = (nimi = "

Var myArray =; var randomItem = myArray; Katso Chris Coyierin (@chriscoyier) kynä gLJPZv CodePenistä. "

Animaation suhteen meille kerrotaan, että setInterval on huono idea. Koska esimerkiksi silmukka toimii riippumatta siitä, mitä muuta tapahtuu "

Var origString = 'Hyvää tanssia7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // 'Hyvää tanssia' "

Tämä toiminto säilyttää myös piilotetun sisällön. function remove_style (all) (var i = all.length; var j, is_hidden; // Presentational attributes. var attr =; "

Mistä tahansa syystä elementti ei voi tuhota itseään JavaScriptissä. jQueryllä on tähän menetelmä, mikä on mukavaa, koska ajattelemme näin: "

Koonnut Svein Petter Gjøby: const array =; // Menetelmä 1: Set const: n ainutlaatuinen =; // Menetelmä 2: Array.prototype.reduce const unique = "

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Haluat ehkä testata, jos window.location.href "

Oletko koskaan nähnyt CDATA-juttuja JavaScriptissä ja ihmettelet, mitä se oli? Tarkoituksena on estää validointilaitetta lukemasta kyseistä koodia merkintänä ja epäonnistumalla "

Tässä on nopea (myös PHP-versio): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Katso kynästä uusi satunnainen kuusikulmainen väri "

PHP: llä on mukava print_r-toiminto tulostaa tietoja muuttujasta ruudulle. console.log () soveltuu hyvin myös JavaScriptiin, mutta "

Yritä (document.execCommand ("BackgroundImageCache", väärä, tosi);) catch (err) () "

Sagar Ganatran esittely "

Itsekutsuva anonyymi toiminto, joka on määritetty nimesi avaruusvalinnalle globaalille muuttujalle. Tarjoaa vaikutuksen, joka pitää kaikki toiminnot ja muuttujat yksityisinä "

Suorita funktio sekunnin välein: function myFunction () (// tee jotain) var int = setInterval (myFunction, 1000); Peruuta se: clearInterval (int); "

PÄIVITYS: Tämä on aika vanha. Jos haluat ladata laiskoja kuvia näinä päivinä, suosittelen katsomaan: Täydellinen opas laiskojen kuvien lataamiseen Natiivi "