Fragmentos de código 2025, Enero

Suponiendo que tiene un elemento en el DOM:

Obtenga una referencia a ese elemento DOM: const el = document.querySelector ("# el"); Entonces tú"

Las pruebas de User Agent apestan, pero a veces las necesitas para cosas sutiles. En mi caso, lo estaba usando para ajustar lo que estaba mostrando para las teclas de método abreviado "

No todos los navegadores admiten todos los atributos de todos los elementos. Hay una serie de atributos nuevos en HTML5, por lo que la idea de probar para ver qué tipo de navegador "

Normalmente, la tecla de tabulación se mueve al siguiente elemento enfocable. Esto inserta un carácter de tabulación en su lugar. HTMLTextAreaElement.prototype.getCaretPosition = función "

Espacio en blanco, es decir, tabulaciones y espacios. Vanilla JavaScript (Trim Leading y Trailing) var str = "abcdefg"; var newStr = str.trim (); // "a B C D e F"

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

La función de arrastrar y soltar HTML5 es ideal para manejar la carga de archivos. Pero si eso es lo único para lo que lo está usando, es bueno saber si algún dragenter en particular "

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// hacer cosas específicas de IE) else (// hacer cosas no específicas de IE) "

Uso en línea: haga clic aquí para cambiar la visibilidad del elemento #foo This is foo "

Técnica # 1 función Shuffle (o) (for (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); volver o;); Uso var testArray "

Var someString = "¡Hola mundo 123!"; newString = someString.replace (// g, ''); // console.log (newString); // "¡Hola Mundo!";"

"mobile.html" se reemplazaría con la ubicación del lugar donde reside su versión móvil. Esta técnica podría adaptarse para cargar una hoja de estilo alternativa "

Los elementos con el atributo contenteditable se pueden editar en vivo directamente en la ventana del navegador. Pero, por supuesto, esos cambios no afectan al documento real "

¡Oh, esto es inteligente! Lo estoy sacando del blog de David. const isRequired = () => (lanzar un nuevo error ('param es obligatorio');); const hola = (nombre = "

Var myArray =; var randomItem = myArray; Vea el Pen gLJPZv de Chris Coyier (@chriscoyier) en CodePen ".

Cuando se trata de animación, nos dicen que setInterval es una mala idea. Porque, por ejemplo, el ciclo se ejecutará independientemente de cualquier otra cosa que esté sucediendo ".

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

Esta función también conserva el contenido oculto. function remove_style (all) (var i = all.length; var j, is_hidden; // Atributos de presentación. var attr =; "

Por alguna razón, un elemento no puede destruirse a sí mismo en JavaScript. jQuery tiene un método para esto, lo cual es bueno porque así es como pensamos: "

Compilado por Svein Petter Gjøby: const array =; // Método 1: Usar un conjunto const unique =; // Método 2: Array.prototype.reduce const unique = "

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Quizás quieras probar si window.location.href "

¿Alguna vez vio esas cosas de CDATA en JavaScript y se preguntó para qué servía? Es para evitar que el validador lea ese código como marcado y falle "

Aquí hay un rápido (también hay una versión de PHP): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Vea cómo el lápiz genera un nuevo color hexagonal aleatorio "

PHP tiene una buena función print_r para imprimir información sobre una variable en la pantalla. console.log () también es genial para eso en JavaScript, pero "

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

Demo de Sagar Ganatra "

Función anónima autoinvocada asignada a la variable global yournamespacechoice. Sirve el efecto de mantener todas las funciones y variables privadas para "

Realiza una función cada segundo: function myFunction () (// haz algo) var int = setInterval (myFunction, 1000); Cancelarlo: clearInterval (int); "

ACTUALIZACIÓN: Esto es bastante antiguo. Si está buscando imágenes de carga diferida en estos días, le recomiendo que consulte: La guía completa para la carga diferida de imágenes Un nativo "