Fragmentos de código 2025, Enero

Manejo moderno de eventos - Trucos CSS

Manejo moderno de eventos - Trucos CSS

Esto es mejor que hacer el evento tradicional "window.onload", ya que puede adjuntar varios controladores de eventos a un solo evento y todos se llaman ".

Aclarar / Oscurecer color - Trucos CSS

Aclarar / Oscurecer color - Trucos CSS

Los preprocesadores CSS Sass y Less pueden tomar cualquier color y oscurecerlo () o aclararlo () con un valor específico. Pero esta capacidad no está integrada en JavaScript ".

Mover el cursor al final de la entrada - Trucos CSS

Mover el cursor al final de la entrada - Trucos CSS

Donde el es una referencia a una entrada o un área de texto. function moveCursorToEnd (el) (if (typeof el.selectionStart == "number") (el.selectionStart = "

Variables de cadena de varias líneas en JavaScript - Trucos CSS

Variables de cadena de varias líneas en JavaScript - Trucos CSS

Esto funciona: var htmlString = "Esto es una cadena"; Esto falla: var htmlSTring = "Esto es una cadena."; A veces, esto es deseable para facilitar la lectura. Agregar"

Hacer que los elementos HTML5 funcionen en el antiguo IE - Trucos CSS

Hacer que los elementos HTML5 funcionen en el antiguo IE - Trucos CSS

Para que el DOM (y por tanto CSS) los reconozca como elementos reales: (función () (if (! / * @ Cc_on! @ * / 0) return; var e = "

Bucle sobre querySelectorAll Matches - Trucos CSS

Bucle sobre querySelectorAll Matches - Trucos CSS

Veamos algunas opciones para iterar sobre una NodeList, a medida que regresa de ejecutar un document.querySelectorAll. Hemos escrito un artículo actualizado sobre "

Recorrer la matriz sin desperdiciar búsquedas - Trucos CSS

Recorrer la matriz sin desperdiciar búsquedas - Trucos CSS

Encuentre la longitud de la matriz antes de usarla en la función for, por lo que no necesita contar la longitud de la matriz en cada iteración (asumiendo la longitud "

Valor de KeyboardEvent (keyCodes, metaKey, etc.) - Trucos CSS

Valor de KeyboardEvent (keyCodes, metaKey, etc.) - Trucos CSS

Cuando se activa un KeyboardEvent, puede probar qué tecla se presionó porque ese evento contiene información sobre la que puede escribir lógica ".

Obtener URL y partes de URL en JavaScript - Trucos CSS

Obtener URL y partes de URL en JavaScript - Trucos CSS

JavaScript puede acceder a la URL actual en partes. Para esta URL: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

JavaScript MD5 - Trucos CSS

JavaScript MD5 - Trucos CSS

Var MD5 = función (cadena) (función RotateLeft (lValue, iShiftBits) (return (lValue> (32-iShiftBits));) función AddUnsigned (lX, lY) (var "

La matriz de JavaScript contiene - Trucos CSS

La matriz de JavaScript contiene - Trucos CSS

Los objetos Javascript son realmente agradables, pero a veces les faltan algunas funciones / métodos útiles. El ejemplo anterior es con matrices. Es realmente"

Entrada con imagen de fondo que desaparece - Trucos CSS

Entrada con imagen de fondo que desaparece - Trucos CSS

Esto replica la funcionalidad de los campos de búsqueda de Google integrables estándar. Tienen una imagen de fondo y cuando se hace clic en la entrada "

Intervalos - Trucos CSS

Intervalos - Trucos CSS

Estándar No es necesario crear la variable, pero es una buena práctica, ya que puede usar esa variable con clearInterval para detener la ejecución actual "

Inyectar HTML desde una cadena de HTML - Trucos CSS

Inyectar HTML desde una cadena de HTML - Trucos CSS

Digamos que tiene algo de HTML que es una cadena: let string_of_html = `

Cool
`; Tal vez provenga de una API o la haya construido usted mismo a partir de "

Inyectar nuevas reglas CSS - Trucos CSS

Inyectar nuevas reglas CSS - Trucos CSS

Si necesita cambiar el estilo de un elemento con JavaScript, normalmente es mejor cambiar el nombre de una clase y tener el CSS ya en la página "

Botón "Volver" - Trucos CSS

Botón "Volver" - Trucos CSS

Los navegadores ya tienen botones "Atrás", así que es mejor que tengas una buena razón para poner uno en tu página. Botón de entrada con JavaScript en línea "

Obtenga la clave de YouTube desde un enlace - Trucos CSS

Obtenga la clave de YouTube desde un enlace - Trucos CSS

Enlace de ejemplo: // Enlace de Youtube var youtubeLink = document.getElementById ('myLink'). Href; var youtubeVideoKey = "

HtmlEntities para JavaScript - Trucos CSS

HtmlEntities para JavaScript - Trucos CSS

Htmlentities () es una función de PHP que convierte caracteres especiales (como <) en sus valores de escape / codificados (como <). Esto le permite mostrar "

Obtener variables de URL - Trucos CSS

Obtener variables de URL - Trucos CSS

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

Variables globales - Trucos CSS

Variables globales - Trucos CSS

Declarar variable fuera de la función ... var oneVariable; function setVariable () (oneVariable = "Variable set from within a function!";) function "

Obtenga todos los eventos DOM posibles - Trucos CSS

Obtenga todos los eventos DOM posibles - Trucos CSS

Puede obtener una matriz de todos los eventos que comienzan con "on" (por ejemplo, onclick) ejecutando esto en la consola de Firefox. .filter (función (i) (retorno "

Obtener el tamaño del objeto - Trucos CSS

Obtener el tamaño del objeto - Trucos CSS

Como en, el número de llaves. function objectSize (the_object) (/ * función para validar la existencia de cada clave en el objeto para obtener el número de "

Función de llamada con temporizador aleatorio - Trucos CSS

Función de llamada con temporizador aleatorio - Trucos CSS

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

Formato Moneda - Trucos CSS

Formato Moneda - Trucos CSS

Esta función redondeará los números a dos lugares decimales y garantizará que el valor devuelto tenga dos lugares decimales. Por ejemplo, 12.006 devolverá 12.01, "

Reparar IE 10 en Windows Phone 8 Viewport - Trucos CSS

Reparar IE 10 en Windows Phone 8 Viewport - Trucos CSS

(función () (if (navigator.userAgent.match (/IEMobile/10.0/)) (var msViewportStyle = document.createElement ("estilo"); msViewportStyle.appendChild ("

Vaciar una matriz - Trucos CSS

Vaciar una matriz - Trucos CSS

Esta es una de las formas más rápidas y fáciles de vaciar una matriz. Por supuesto, hay otras formas, pero normalmente incluyen la creación de una nueva matriz ".

Contenido obligatorio de JavaScript con contenido alternativo - Trucos CSS

Contenido obligatorio de JavaScript con contenido alternativo - Trucos CSS

El área que requiere JavaScript se oculta con CSS en línea y luego se muestra después de que se carga con un pequeño fragmento de JavaScript. Debajo de eso, se utilizan etiquetas noscript "

Registro de consola sin errores - Trucos CSS

Registro de consola sin errores - Trucos CSS

Var Fb = (); // Un objeto literal vacío para contener la función Fb.log = function (obj, consoleMethod) (if (window.console && window.console.firebug && "

Hoja de estilo diferente según la hora del día - Trucos CSS

Hoja de estilo diferente según la hora del día - Trucos CSS

Nombra tus archivos css en consecuencia: night.css, day.css, etc. Una ventaja interesante es que, dado que JavaScript obtiene la hora de la máquina local en lugar de "