Frontend

TypeScript: care este diferența dintre tipurile `any`, `unknown` și `never`?

Vue 2 și Vue 3: ce limitări arhitecturale ale reactivității Vue 2 l-au forțat pe Evan You să rescrie motorul folosind `Proxy`?

JavaScript: care este diferența dintre `prototype` și `__proto__`?

Vue 3: care este diferența fundamentală între `ref` și `reactive`, inclusiv modul lor de funcționare de bază?

Dacă `Proxy` este atât de bun, de ce Vue 3 încă are `ref`?

Analizează codul Vue furnizat: care variabile sunt reactive, unde se pierde reactivitatea și cum să o corectezi?

La optimizarea încărcării unei aplicații frontend grele cu 150 de pictograme mici, ar trebui să se combine pictogramele într-un singur sprite sau să se folosească CSS-inlining atunci când se utilizează HTTP/2 sau HTTP/3?

Poate fi combinat `debounce` cu `AbortController`?

Dacă creezi un `watch` sau `computed` în interiorul `setup`, ce se va întâmpla cu ei la demontarea componentului?

În codul Vue furnizat, va fi actualizat șablonul la clic pe buton?

Determină ordinea de ieșire în consolă pentru codul furnizat cu `setTimeout`, `Promise` și `console.log` sincron, explicând-o prin Event Loop.

Dacă atribuiți `state.userName = 'Max'`, se va schimba conținutul lui `h1`?

Utilizatorul tastează rapid în câmpul de căutare. Care este diferența dintre `debounce`, `throttle` și `AbortController` din perspectiva UX și a încărcării rețelei/backend? Care este mai bun pentru căutarea live?

Dacă creezi un `setInterval` sau adaugi un listener de evenimente la `window` în interiorul `setup`, vor fi eliminate automat la demontarea componentei?

Imaginează-ți o coadă de macro-tasks cu cinci `setTimeout`, iar microtasks adaugă infinit noi microtasks, de exemplu prin `Promise.resolve().then()` recursiv. Ce se va întâmpla cu interfața și vor fi aceste cinci timeout-uri executate vreodată? De ce?

Implementați o funcție `debounce` care suportă apelul imediat la începutul unei serii de evenimente (`leading`), un apel trailing la sfârșitul seriei în mod implicit și o metodă `debounceFunc.cancel()` pentru a anula apelul programat.

TypeScript: implementează un tip `SnakeCase` care transformă în mod profund cheile unui obiect din `camelCase` în `snake_case`, menținând siguranța tipurilor.

Ce și de câte ori va fi afișat în consolă la clic pe butonul din codul Vue furnizat?

Implementați o funcție simplificată `reactive(object)` care imită Vue 3: la citirea unei proprietăți, apelați `track(target, key)`, iar la modificarea unei proprietăți, apelați `trigger(target, key)`.

Ce este vulnerabilitatea de poluare a prototipului?