Frontend

Revisión de la asignación de roles al usuario Vue 2 ```javascript export default { data() { return { user: { name: 'Ivan' } }; }, methods: { setRole(role) { this.user.role = role; } } } ```

Cuéntame sobre las pruebas E2E con Playwright: cómo se estructuró el sistema de pruebas, cómo se ejecutaba, cómo interactuaban con el backend, cómo lograban la reproducibilidad de los datos de prueba?

Escribe una función para calcular la mediana de un array de números.

Hay un array de 200 id. Necesitas hacer una solicitud a /api/users/:id para cada uno. Escribe una función que realice las solicitudes, pero no más de N simultáneamente, y que devuelva los resultados en el orden del array de entrada.

Revisión del mixin de Nuxt 2 para detección de dispositivo ```javascript export default { data() { return { isMobile: window.innerWidth < 768 } } } ```

¿Qué casos interesantes o situaciones no estándar ha encontrado al trabajar con Playwright?

¿Cómo se pueden almacenar en caché las páginas/respuestas en una aplicación Nuxt para reducir la carga? ¿Has trabajado con Redis o con caché Nitro?

¿Cuáles pueden ser las causas de una pantalla blanca prolongada durante SSR (Nuxt)? ¿Cómo diagnosticar y resolver el problema de un alto Time to First Byte?

Cuéntame sobre la transición de Vue 2 a Vue 3: qué cambió (VueX a Pinia, Options API a Composition API, Vue.extend a defineComponent, new Vue a createApp, etc.)?

Cuéntame sobre la optimización del rendimiento de las páginas en Nuxt: con qué te has enfrentado, qué problemas has resuelto y cómo lo has hecho.

async function loadUsers(ids) { const users = [] ids.forEach(async id => { const res = await fetch(`/api/users/${id}`) const user = await res.json() users.push(user) }) return users } Identify the problem with this code and suggest how to fix it.

Cuéntame sobre el ensamblador al migrar de Vue 2 a Vue 3: había Webpack (Vue CLI), ahora Vite. ¿Hubo algún caso interesante, conflictos de configuración, o algo que tuvieras que reescribir?

función debounce(fn, delay) { let timer return function (...args) { clearTimeout(timer) timer = setTimeout(() => fn(args), delay) } }

Revisión del mixin Nuxt 2 - oyente de cambio de tamaño ```javascript export default { data() { return { width: 0 } }, mounted() { window.addEventListener('resize', this.onResize) this.onResize() }, methods: { onResize() { this.width = window.innerWidth } } } ```