Categoría: JavaScript-Misc

JavaScript | Método de ventana getComputedStyle()

Posted on by Rudeus Greyrat

El método getComputedStyle() se usa para obtener todas las propiedades y valores CSS calculados del elemento especificado . El uso del estilo calculado muestra el elemento después de que se hayan aplicado estilos de múltiples fuentes. El método getComputedStyle() devuelve un objeto CSSStyleDeclaration. Sintaxis: window.getComputedStyle(element, pseudoElement) Parámetros: elemento: El elemento para obtener el estilo calculado … Continue reading «JavaScript | Método de ventana getComputedStyle()»

7 técnicas abreviadas de JavaScript que le ahorrarán tiempo

Posted on by Rudeus Greyrat

En este artículo, discutiremos 7 geniales trucos de taquigrafía en JavaScript que le ahorrarán tiempo al desarrollador. 1. Función de flecha: las funciones de flecha de JavaScript se introdujeron en ES6. La principal ventaja de esta función es que tiene una sintaxis más corta. Javascript // Longhand  function add(a, b) {     return a + b;  … Continue reading «7 técnicas abreviadas de JavaScript que le ahorrarán tiempo»

¿Cómo identificar qué desplazamiento de elemento se está utilizando usando JavaScript?

Posted on by Rudeus Greyrat

Dados muchos elementos dentro del DOM, la tarea es averiguar qué elemento se está desplazando actualmente usando JavaScript. Enfoque: este problema se puede resolver fácilmente usando JavaScript. Agregaremos el detector de eventos ‘scroll’ a todos los elementos requeridos. El evento de desplazamiento se activa cada vez que se desplaza un elemento en particular. Por lo … Continue reading «¿Cómo identificar qué desplazamiento de elemento se está utilizando usando JavaScript?»

¿Cómo crear un cursor personalizado usando CSS?

Posted on by Rudeus Greyrat

El cursor personalizado mejora la legibilidad del documento y atrae la atención del usuario hacia una parte específica de la página web. Hoy vamos a aprender cómo crear un cursor personalizado para una página web usando HTML, CSS y Javascript. Acercarse: Oculte el cursor predeterminado. Defina las clases que contienen todas las animaciones. Agregue y … Continue reading «¿Cómo crear un cursor personalizado usando CSS?»

¿Cómo agrandar las imágenes al hacer clic?

Posted on by Rudeus Greyrat

Hay dos métodos de uso común que se pueden usar para cambiar el tamaño de una imagen cuando se hace clic con javascript. Las funciones de javascript se pueden invocar especificando onclick=”function_name()” Método 1: transformar: escala() Sintaxis: object.style.transform = scale(sx); object.style.transform = scale(sx, sy); La propiedad de transformación se utiliza para modificar la forma, el … Continue reading «¿Cómo agrandar las imágenes al hacer clic?»

Burbujeo de eventos en JavaScript

Posted on by Rudeus Greyrat

El burbujeo de eventos es un método de propagación de eventos en la API HTML DOM cuando un evento está en un elemento dentro de otro elemento y ambos elementos han registrado un identificador para ese evento. Es un proceso que comienza con el elemento que desencadenó el evento y luego asciende a los elementos … Continue reading «Burbujeo de eventos en JavaScript»

JavaScript RangeError: Radix debe ser un número entero

Posted on by Rudeus Greyrat

Esta base de excepción de JavaScript debe ser un número entero de al menos 2 y no mayor de 36 si se pasa el parámetro de base del método Number.prototype.toString() o BigInt.prototype.toString() y no está en el rango entre 2 y 36. Mensaje: RangeError: invalid argument (Edge) RangeError: radix must be an integer at least … Continue reading «JavaScript RangeError: Radix debe ser un número entero»

¿Cómo encontrar un color promedio de una imagen usando JavaScript?

Posted on by Rudeus Greyrat

El color promedio de una imagen se puede encontrar con JavaScript dibujando la imagen en un elemento de lienzo. Se deben realizar los siguientes pasos para obtener el color promedio de una imagen: 1. Primero se dibuja la imagen en el lienzo utilizando el método context.drawImage() de la API Canvas 2D. Este método toma la … Continue reading «¿Cómo encontrar un color promedio de una imagen usando JavaScript?»

Elemento ancestro más cercano que tiene una clase específica en JavaScript

Posted on by Rudeus Greyrat

La tarea es encontrar el ancestro más cercano del elemento de una clase específica con la ayuda de Javascript puro. Hay dos enfoques que se analizan a continuación. Enfoque 1:   utilice el selector de Javascript para seleccionar el elemento. Use el método más cercano() para obtener el padre más cercano con una clase específica.   … Continue reading «Elemento ancestro más cercano que tiene una clase específica en JavaScript»

¿Cómo mapear, reducir y filtrar un elemento Set usando JavaScript?

Posted on by Rudeus Greyrat

Map(), reduce() y filter() son funciones de array que transforman la array de acuerdo con la función aplicada y devuelven la array actualizada. Se utilizan para escribir códigos simples, breves y limpios para modificar una array en lugar de utilizar los bucles. Método map(): aplica una función dada en todos los elementos de la array … Continue reading «¿Cómo mapear, reducir y filtrar un elemento Set usando JavaScript?»