Frontend

TypeScript: ¿cuál es la diferencia entre los tipos `any`, `unknown` y `never`?

Vue 2 y Vue 3: ¿qué limitaciones arquitectónicas de la reactividad de Vue 2 obligaron a Evan You a reescribir el motor usando `Proxy`?

JavaScript: ¿cuál es la diferencia entre `prototype` y `__proto__`?

Vue 3: ¿qual es la diferencia fundamental entre `ref` y `reactive`, incluyendo su funcionamiento interno?

Si `Proxy` es tan bueno, ¿por qué Vue 3 todavía tiene `ref`?

Analiza el código Vue proporcionado: ¿qué variables son reactivas, dónde se pierde la reactividad y cómo solucionarlo?

Al optimizar la carga de una aplicación frontend pesada con 150 iconos pequeños, ¿deberían combinarse los iconos en un solo sprite o usar CSS-inlining cuando se usa HTTP/2 o HTTP/3?

¿Se puede combinar `debounce` con `AbortController`?

¿En el código Vue proporcionado, se actualizará la plantilla al hacer clic en el botón?

Si creas un `watch` o `computed` dentro de `setup`, ¿qué pasará con ellos al desmontar el componente?

Determina el orden de salida en la consola para el código proporcionado con `setTimeout`, `Promise` y `console.log` sincrónico, explicándolo a través del Event Loop.

Si asignas `state.userName = 'Max'`, ¿cambiará el contenido de `h1`?

El usuario escribe rápidamente en el campo de búsqueda. ¿Cuál es la diferencia entre `debounce`, `throttle` y `AbortController` desde la perspectiva de UX y carga de red/backend? ¿Cuál es mejor para búsqueda en vivo?

Si creas un `setInterval` o añades un listener de evento a `window` dentro de `setup`, ¿se eliminarán automáticamente al desmontar el componente?

Imagina una cola de tareas macro con cinco llamadas a `setTimeout`, y microtareas que añaden infinitamente nuevas microtareas, por ejemplo mediante `Promise.resolve().then()` de forma recursiva. ¿Qué sucederá con la interfaz y estas cinco llamadas a timeout se ejecutarán alguna vez? ¿Por qué?

Implementa una función `debounce` que soporte una invocación inmediata al inicio de una serie de eventos (`leading`), una invocación al final de la serie por defecto, y un método `debounceFunc.cancel()` para cancelar la llamada programada.

TypeScript: implementa un tipo `SnakeCase` que transforme profundamente las claves de un objeto de `camelCase` a `snake_case`, manteniendo la seguridad de tipos.

¿Qué y cuántas veces se registrará en la consola al hacer clic en el botón en el código Vue proporcionado?

Implementa una función simplificada `reactive(object)` que imite Vue 3: al leer una propiedad, llama a `track(target, key)`, y al cambiar una propiedad, llama a `trigger(target, key)`.

¿Qué es la vulnerabilidad de contaminación del prototipo?