Frammenti di codice 2025, Luglio

Supponendo che tu abbia un elemento nel DOM:

Ottieni un riferimento a quell'elemento DOM: const el = document.querySelector ("# el"); Allora lei"

Il test di User Agent fa schifo, ma a volte ne hai bisogno per cose sottili. Nel mio caso lo stavo usando per modificare ciò che mostravo per i tasti di scelta rapida da tastiera "

Non tutti i browser supportano tutti gli attributi su tutti gli elementi. Ci sono una serie di nuovi attributi in HTML5, quindi l'idea di testare per vedere quale tipo di browser "

Normalmente il tasto Tab si sposta sulla prossima cosa attivabile. Questo inserisce invece un carattere di tabulazione. HTMLTextAreaElement.prototype.getCaretPosition = funzione "

Spazi vuoti, ovvero tabulazioni e spazi. Vanilla JavaScript (Trim Leading and Trailing) var str = "abcdefg"; var newStr = str.trim (); // "a B c D e F"

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

Il trascinamento della selezione HTML5 è ottimo per gestire i caricamenti di file. Ma se è l'unica cosa per cui lo usi, è bello sapere se qualche dragenter in particolare "

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// fai cose specifiche di IE) else (// fai cose non specifiche di IE) "

Utilizzo in linea: fai clic qui per attivare la visibilità dell'elemento #foo Questo è foo "

Tecnica n. 1 funzione Shuffle (o) (for (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); ritorno o;); Utilizzo var testArray "

Var someString = "Hello 123 World!"; newString = someString.replace (// g, ''); // console.log (newString); // "Ciao mondo!";"

"mobile.html" verrebbe sostituito con la posizione del luogo in cui risiede la tua versione mobile. Questa tecnica può essere adattata per caricare un foglio di stile alternativo "

Gli elementi con l'attributo contenteditable possono essere modificati in tempo reale direttamente nella finestra del browser. Ma ovviamente queste modifiche non influiscono sul documento effettivo "

Ooo questo è intelligente! Lo sto prendendo dal blog di David. const isRequired = () => (lancia un nuovo errore ('param è richiesto');); const ciao = (nome = "

Var myArray =; var randomItem = myArray; Guarda Pen gLJPZv di Chris Coyier (@chriscoyier) su CodePen. "

Quando si tratta di animazione, ci viene detto che setInterval è una cattiva idea. Perché, ad esempio, il ciclo verrà eseguito indipendentemente da qualsiasi altra cosa in corso, "

Var origString = 'Happy Dance7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // "Happy Dance" "

Questa funzione preserva anche i contenuti nascosti. function remove_style (all) (var i = all.length; var j, is_hidden; // Presentational attributes. var attr =; "

Per qualsiasi motivo, un elemento non può autodistruggersi in JavaScript. jQuery ha un metodo per questo, il che è bello perché è così che pensiamo: "

Compilato da Svein Petter Gjøby: const array =; // Metodo 1: utilizzo di un set const unique =; // Metodo 2: Array.prototype.reduce const unique = "

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Potresti voler verificare se window.location.href "

Hai mai visto quella roba CDATA in JavaScript e ti chiedi a cosa servisse? Serve per impedire al validatore di leggere quel codice come markup e fallire "

Eccone uno veloce (esiste anche una versione PHP): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Guarda la penna che genera un nuovo colore esadecimale casuale "

PHP ha una bella funzione print_r per stampare informazioni su una variabile sullo schermo. console.log () è ottimo anche in JavaScript, ma "

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

Demo di Sagar Ganatra "

Funzione anonima che si richiama automaticamente assegnata alla variabile globale yournamespacechoice. Ha l'effetto di mantenere private tutte le funzioni e le variabili a "

Esegui una funzione ogni secondo: function myFunction () (// fai qualcosa) var int = setInterval (myFunction, 1000); Annullalo: clearInterval (int); "

AGGIORNAMENTO: Questo è piuttosto vecchio. Se stai cercando di caricare immagini in modo pigro in questi giorni, ti consiglio di guardare: La guida completa al caricamento lento di immagini A Native "