Friki Work

Introducción a async/await En JavaScript, async/await es un mecanismo diseñado para gestionar operaciones asíncronas. Funciona como azúcar sintáctica sobre los objetos Promise, permitiendo escribir código asíncrono con una estructura que parece síncrona. Esto mejora drásticamente la legibilidad y el mantenimiento. Además, facilita el manejo de ...

Plantillas y sintaxis básica Las plantillas en Vue 2 permiten inseratr datos dinámicos mediante interpolación y expresiones JavaScript. La sintaxis de doble llaves se usa para mostrar valores reactivos. <template> <div> <p>Texto interpolado: {{mensaje}}</p> <p>Expresión JS: {{estado ? 'activo' : 'inactivo ...

Introducicón a la Arquitectura de Vuetable-2 Vuetable-2 es un componente de tabla de datos diseñado específicamente para el ecosistema de Vue 2.x. Su arquitectura está orientada a delegar la lógica de presentación, paginación y ordenamiento, permitiendo a los desarrolladores centrarse en la integración con APIs y la lógica de negocio. A diferen ...

Para incroporar Three.js en un proyecot Vue 2.x, se procede con la instalación mediante npm y la configuración adecuada en los componentes. Instalación del paquete principal npm install three Si se requiere una versión específica del paquete: npm install three@122 Dependencias adicionales para modelos 3D Para cargar archvios .obj y .mtl en el ...

WebSocket permite que el servidor envíe datos al cliente de forma proactiva, estableciendo una conexión persistente mediante un único handshake para la comunicación bidireccional. Definir un módulo para la configuración global Crea un archivo, por ejemplo socketGlobal.js, que mantenga la instancia de WebSocket accesible en toda la aplicación. / ...

Archivo de directiva: dinamizarDom.js import { extraerVariablesCadena } from "@/utilidades"; import almacen from '@/almacen'; import { Input, SelectorFecha, Mensaje } from 'element-ui'; import Vue from 'vue'; export default { insertado(el, enlace, nodo) { const { valor, soloLectura } = enlace.valor; let variablesExtraidas = extraerVa ...

V-Code-Diff es un plugin diseñado para mostrar dfierencias en fragmentos de código, compatible con Vue 2 y Vue 3, que facilita la revisión de cambios en proyectos de desarrollo. Estructura del Directorio del Proyecto v-code-diff/ ├── source # Carpeta raíz del código fuente │ ├── modules # Módulos de componentes, i ...

Las propiedades computadas son un pilar fundamental en el ecosistema de Vue, permitiendo derivar estado de manera reactiva y eficiente. Sin embargo, la transición de la versión 2 a la 3 trajo consigo una reescritura completa del sistema de reactividad, lo que alteró significativamente cómo funcionan estas propiedades a nivel de motor. Mecanismo ...