Friki Work

Descripción general Este artículo explica cómo desarrollar un prototipo funcional de una herramienta de descarga que permite a los usuarios descargar archivos a partir de URLs proporcionadas. El prototipo incluye visualización del progreso y notificaciones al finalizar la descarga, utilizando OpenSpeedy como base y un stack tecnológico ligero. ...

1. Configuración de CORS en el backend La política de mismo origen restringe la interacción entre scripts de JavaScript de un dominio y recursos de otro dominio distinto. Dos páginas se consideran del mismo origen si comparten el mismo protcoolo, host y númeero de puerto. import org.springframework.context.annotation.Bean; import org.springfram ...

Introducción a las pruebas de instantáneas en Cypress En el ecosistema de pruebas de extremo a extremo (E2E), la consistencia visual y la integridad de los datos son pilares fundamentales. El plugin @cypress/snapshot extiende las capacidades nativas de Cypress para permitir la captura y comparación de "snapshots" (instantáneas) de val ...

La programación reactiva es un paradigma declarativo basado en flujos de datos y la propagación de cambios. Para ilustrar su funcionamineto básico, consideremos un ejemplo simple donde las actualizaciones de variables no se reflejan automáticamente en los cálculos dependientes. let precio = 5 let cantidad = 2 let resultado = precio * cantidad / ...

Este componente de Vue implementa botones de navegación con niveles ilimitados mediante recursión, basado en una estructura de árbol jerárquico. Propiedades del componente :datos => [Array] Datos con formato id y parentId (ver ejemplo). :seleccionados => [Array] Valores actualmente seleccionados. Eventos del componente @clic => Se e ...

Componentes del patrón MVC y ejemplos en pseudocódigo El patrón MVC (Modelo-Vista-Controlador) divide la aplicación en tres capas interconectadas pero independientes. La capa superior, la vista, se encarga de la interfaz de usuario. La capa inferior, el modelo, gestiona los datos. La capa intermedia, el controaldor, coordina las interacciones e ...

Implementar protocolos industriales comunes como Modbus en Node-RED frecuentemente conduce a la duplicación de código en múltiples nodos Function. Esto influye negativamente en la mantenibilidad y legibilidad del flujo. La solución es encapsular esa lógica reutilizable en un nodo personalizado. Esta guía técnica detalla el proceso completo para ...

Configuración del Entorno Para esta implementación, MinIO se despliega mediente Docker (versión 2024.7.4), SpringBoot maneja la lógica del servidor y Vue.js gesitona la interfaz de usuario. Funcionalidad de Carga Fragmentada Implementación en Vue.js <template> <div class="contenedor"> <el-upload class=&quo ...

El patrón de interfaz de usuario que permite deslizar un elemento de una lista horizontalmente para revelar botones de acción es una característica común en muchas aplicaciones móviles, como clientes de correo electrónico o aplicaciones de mensajería. Este enfoque mejora la experiencia del usuario al proporcionar acceso rápido a funcionalidades ...

En sus inicios, JavaScript carecía de un mecanismo nativo para la importación y exportación de módulos. Esta ausencia represantaba un desafío significativo, haciendo que la gestión de bases de código grandes en un único archivo fuera una tarea inmanejable. Para abordar esta limitación, la comunidad de desarrollo propuso diversas soluciones y pa ...