Frontend

TypeScript: qual è la differenza tra i tipi `any`, `unknown` e `never`?

Vue 2 e Vue 3: quali limitazioni architetturali della reattività di Vue 2 hanno costretto Evan You a riscrivere il motore usando `Proxy`?

JavaScript: qual è la differenza tra `prototype` e `__proto__`?

Vue 3: qual è la differenza fondamentale tra `ref` e `reactive`, inclusi i loro funzionamenti sottostanti?

Se `Proxy` è così buono, perché Vue 3 ha ancora `ref`?

Analizza il codice Vue fornito: quali variabili sono reattive, dove si perde la reattività e come risolverlo?

Ottimizzando il caricamento di una pesante applicazione frontend con 150 piccole icone, è meglio combinare le icone in uno sprite unico o usare CSS-inlining con HTTP/2 o HTTP/3?

È possibile combinare `debounce` con `AbortController`?

Nel codice Vue fornito, la template si aggiornerà quando si clicca sul pulsante?

Se crei un `watch` o `computed` all'interno di `setup`, cosa succederà a loro al momento della disinstallazione del componente?

Determina l'ordine di output sulla console per il codice fornito con `setTimeout`, `Promise` e `console.log` sincrono, spiegandolo attraverso l'Event Loop.

Se assegni `state.userName = 'Max'`, il contenuto di `h1` cambierà?

Se crei un `setInterval` o aggiungi un listener di evento a `window` all'interno di `setup`, verranno rimossi automaticamente alla disinstallazione del componente?

Immagina una coda di macro task con cinque `setTimeout`, mentre microtask aggiungono infinite nuove microtask, ad esempio tramite `Promise.resolve().then()` ricorsivi. Cosa succederà all'interfaccia e questi cinque timeout verranno mai eseguiti? Perché?

L'utente digita rapidamente nel campo di ricerca. Qual è la differenza tra `debounce`, `throttle` e `AbortController` dal punto di vista UX e carico di rete/backend? Qual è migliore per la ricerca in tempo reale?

Implementa una funzione `debounce` che supporti una chiamata immediata all'inizio di una serie di eventi (`leading`), una chiamata trailing alla fine della serie per impostazione predefinita, e un metodo `debounceFunc.cancel()` per annullare la chiamata programmata.

TypeScript: implementa un tipo `SnakeCase` che trasforma profondamente le chiavi di un oggetto da `camelCase` a `snake_case`, mantenendo la sicurezza del tipo.

Cosa e quante volte verrà registrato nella console cliccando sul pulsante nel codice Vue fornito?

Implementa una funzione semplificata `reactive(object)` che imiti Vue 3: quando si legge una proprietà, chiamare `track(target, key)`, e quando si modifica una proprietà, chiamare `trigger(target, key)`.

Cos'è la vulnerabilità di inquinamento del prototype?