Friki Work

En Angular, los hooks de renderizado afterRender y afterNextRender permiten ejecutar código después de que un componente se ha renderizado. Aunque ambos se utilizan para operaciones post-renderizado, tienen diferencias significativas en cuándo se disparan y cómo se utilizan: 1. afterNextRender Cuándo se dispara: Se ejecuta una sola vez después ...

En el desarrollo web moderno, la gestión eficiente de los recursos es vital para garantizar una buena experiencia de usuario. Uno de los cuellos de botella más comunes es la carga de archivos JavaScript a través de la etiqueta <script>. El comportamiento por defecto de estas etiquetas puede ralentizar el renderizado de la página, por lo c ...

En el desarrollo con jQuery, la iteración es una tarea fundamental. Aunque existen dos métodos que comparten el nombre each, su implementación y contexto de uso difieren significativamente: el método de instancia aplicado a objetos jQuery y el método estático o global. 1. El método de instancia .each() Este método se utiliza exclusivamente sobr ...

El manejo de eventos es un pilar fundamental en la creación de interfaces web interactivas. En el Modelo de Objeto de Documento (DOM), los eventos no se limitan a un solo elemento, sino que atraviesan una trayectoria definida a través de la jerarquía del DOM. Este proceso, conocido como el flujo de eventos, se compone principalmente de dos fase ...

Gestión de la Árbol DOM mediante JavaScript La interacción dinámica con la página web requiere la capacidad de modificar la estructura HTML miantras se ejecuta el script. Este proceso se divide principalmente en dos etapas fundamentales: la generación del nodo en memoria y su posterior integración o eliminación dentro del documento visible. Co ...

La delegación de eventos es una técnica fundamental para optimizar scripts en interfaces web. Se fundamenta en el principio de propagación del evento, permitiendo gestionar múltiples sucesores mediante un único gestor definido en un elemento ancestro común, eliminando la necesidad de asignar listeners individuales a cada nodo descendente. Venta ...

Este artículo detalla la implementación de un menú deslizante A-Z, una característica común en aplicaciones móviles para facilitar la búsqueda rápida. Se exploran los eventos de desplazamiento y táctiles en JavaScript para crear esta funcionalidad interactiva. Antes de proceder, es fundamental entender tres propiedades clave del DOM relacionada ...

HTML (HyperText Markup Language) es el lenguaje estándar utilizado para definir la estructura de las páginas web. Al ser un lenguaje de marcado, permite organizar el contenido mediante etiquetas que el navegador interpreta para renderizar texto, imágenes, formularios y otros elementos multimedia. Elementos de Encabezado y Metadatos La sección & ...

Introducción a JavaScript JavaScript es un lenguaje de programación fundamental para el desarrollo web, conocido por su capacidad de añadir interactividad y dinamismo a las páginas. Es uno de los tres pilares de la web moderna, junto con HTML (estructura) y CSS (estilo). Breve Historia de JavaScript Los orígenes de JavaScript se remontan a 1995 ...

En aplicaciones web, gestionar múltiples casillas de verificación suele requerir funciones como seleccionar todas, deseleccionar todas o invertir la selección. A continuación, se muestran enfoques utilizando jQuery y JavaScript puro. Ejemplo con jQuery Consideremos un formulario con casillas de verificación para deportes favoritos. <form id= ...