La GUI (interfaz gráfica de usuario) ayuda a los usuarios a comprender mejor los programas. En este artículo, visualizaremos Merge Sort usando JavaScript. Veremos cómo las arrays se dividen y fusionan después de ordenar para obtener la array ordenada final. Referirse: Ordenar por fusión Lienzo en HTML Función asíncrona en JavaScript Acercarse: Primero, generaremos una … Continue reading «Merge Sort Visualization en JavaScript»
En este artículo, aprenderemos cómo diseñar un minimapa para el sistema de navegación con un sitio web de una sola página utilizando el complemento de mapa de página. Este complemento es totalmente una herramienta basada en HTML, JavaScript y CSS. Descargue los archivos de biblioteca precompilados para la implementación del código. El desarrollador puede fijar … Continue reading «¿Cómo diseñar un mapa de navegación para páginas web usando el complemento de mapa de página?»
Cuando agregamos un efecto de desplazamiento a un elemento en CSS, se adhiere a los dispositivos táctiles. En este artículo, aprenderemos cómo resolver este problema. Hay dos enfoques posibles para resolver este problema: 1. Sin usar JavaScript: se puede resolver usando media query en CSS. La condición ‘hover: hover’ se refiere a los dispositivos que … Continue reading «¿Cómo evitar los efectos de desplazamiento fijo para botones en dispositivos táctiles?»
La tarea es poner un texto dentro de un icono creado. Esta publicación repasará algunas de las diferentes formas en que puede colocar un texto dentro/sobre un icono/imagen(es) creado(s). Todas las soluciones discutidas siguen una presentación diferente basada en la misma idea base, es decir, para escribir/colocar el texto sobre la imagen/icono, convertir la imagen/icono … Continue reading «¿Cómo poner el texto dentro de un icono creado?»
ElectronJS es un marco de código abierto que se utiliza para crear aplicaciones de escritorio nativas multiplataforma utilizando tecnologías web como HTML, CSS y JavaScript que pueden ejecutarse en los sistemas operativos Windows , macOS y Linux . Combina el motor Chromium y NodeJS en un solo tiempo de ejecución. Electron admite la generación de … Continue reading «¿Cómo tomar capturas de pantalla en ElectronJS?»
Dada una array de objetos, la tarea es convertir los valores de los objetos en una array con la ayuda de JavaScript. Hay dos enfoques que se analizan a continuación: Enfoque 1: podemos usar el método map() y devolver los valores de cada objeto que forma la array. Ejemplo: <!DOCTYPE HTML> <html> <head> <title> … Continue reading «¿Cómo convertir la array de Object en una array usando JavaScript?»
La tarea es agregar un método a la clase String en JavaScript. Hay dos enfoques que se describen con los ejemplos adecuados: Enfoque 1: use el método Object.defineProperty() , que se usa para definir una nueva propiedad directamente en un objeto, o modifica una propiedad existente. Toma 3 argumentos, el primero es Object, el segundo … Continue reading «¿Cómo agregar un método a la clase String en JavaScript?»
El método console.time() en HTML se usa para iniciar un temporizador en la vista de la consola. El método console.time() se puede usar para calcular el tiempo de los programas para varios propósitos de prueba. La etiqueta se envía como parámetro al método console.time() . Sintaxis: console.time( label ) Parámetros: este método acepta una etiqueta … Continue reading «HTML | Método DOM console.time()»
La propiedad flex en CSS es la combinación de las propiedades flex-grow , flex-shrink y flex-basis . Se utiliza para establecer la longitud de elementos flexibles. La propiedad flexible es mucho más receptiva y compatible con dispositivos móviles. Es fácil colocar elementos secundarios y el contenedor principal. El margen no colapsa con los márgenes del … Continue reading «¿Cómo configurar flexbox con un ancho desigual de elementos usando CSS?»
La propiedad margin-bottom de CSS se usa para especificar la cantidad de margen que se usará en la parte inferior de un elemento. El margen se puede establecer en términos de longitud o porcentaje. Sintaxis: margin-bottom: <length> | <percentage> | auto Valores de propiedad : Longitud: este valor especifica la longitud del margen con un … Continue reading «Propiedad de margen inferior de CSS»