Frontend

TypeScript: qual é a diferença entre os tipos `any`, `unknown` e `never`?

Vue 2 e Vue 3: quais limitações arquiteturais da reatividade do Vue 2 obrigaram Evan You a reescrever o motor usando `Proxy`?

JavaScript: qual é a diferença entre `prototype` e `__proto__`?

Vue 3: qual é a diferença fundamental entre `ref` e `reactive`, incluindo seu funcionamento interno?

Se o `Proxy` é tão bom, por que o Vue 3 ainda tem `ref`?

Analise o código Vue fornecido: quais variáveis são reativas, onde a reatividade é perdida e como corrigi-la?

Ao otimizar o carregamento de uma aplicação frontend pesada com 150 pequenos ícones, deve-se combinar os ícones em um único sprite ou usar CSS-inlining ao usar HTTP/2 ou HTTP/3?

Pode `debounce` ser combinado com `AbortController`?

No código Vue fornecido, a template será atualizada ao clicar no botão?

Se criar um `watch` ou `computed` dentro de `setup`, o que acontecerá com eles ao desmontar o componente?

Determine a ordem de saída no console para o código fornecido com `setTimeout`, `Promise` e `console.log` síncrono, explicando-o através do Event Loop.

Se atribuíres `state.userName = 'Max'`, o conteúdo de `h1` mudará?

Se criar um `setInterval` ou adicionar um listener de evento ao `window` dentro de `setup`, eles serão removidos automaticamente ao desmontar o componente?

Imagine uma fila de tarefas macro com cinco chamadas `setTimeout`, e microtarefas adicionando infinitamente novas microtarefas, por exemplo através de `Promise.resolve().then()` recursivamente. O que acontecerá com a interface e essas cinco funções de timeout irão algum dia ser executadas? Por quê?

O utilizador digita rapidamente no campo de pesquisa. Qual é a diferença entre `debounce`, `throttle` e `AbortController` do ponto de vista de UX e carga na rede/backend? Qual é melhor para pesquisa ao vivo?

Implemente uma função `debounce` que suporte invocação imediata no início de uma série de eventos (`leading`), uma invocação ao final da série por padrão, e um método `debounceFunc.cancel()` para cancelar a chamada agendada.

TypeScript: implemente um tipo `SnakeCase` que transforme profundamente as chaves de um objeto de `camelCase` para `snake_case`, mantendo a segurança de tipos.

O que e quantas vezes será registado na consola ao clicar no botão no código Vue fornecido?

Implemente uma função simplificada `reactive(object)` que imite Vue 3: ao ler uma propriedade, chame `track(target, key)`, e ao alterar uma propriedade, chame `trigger(target, key)`.

O que é a vulnerabilidade de poluição do prototype?