Frontend

TypeScript: aký je rozdiel medzi typmi `any`, `unknown` a `never`?

Vue 2 a Vue 3: aké architektonické obmedzenia reaktivity Vue 2 donútili Evana You, aby prepísal engine pomocou `Proxy`?

JavaScript: aký je rozdiel medzi `prototype` a `__proto__`?

Vue 3: aká je základná rozdiel medzi `ref` a `reactive`, vrátane ich základného fungovania?

Ak je `Proxy` tak dobrý, prečo má Vue 3 stále `ref`?

Analyzujte poskytnutý Vue kód: ktoré premenné sú reaktívne, kde sa stráca reaktivita a ako to opraviť?

Pri optimalizácii načítania ťažkej frontendovej aplikácie s 150 malými ikonami by mali byť ikony skombinované do jedného sprite alebo použiť CSS-inlining pri použití HTTP/2 alebo HTTP/3?

Môže sa `debounce` kombinovať s `AbortController`?

Ak vytvoríte `watch` alebo `computed` v `setup`, čo sa s nimi stane pri odmontovaní komponentu?

V poskytnutom Vue kóde sa šablóna aktualizuje pri kliknutí na tlačidlo?

Určite poradie výstupu do konzoly pre poskytnutý kód s `setTimeout`, `Promise` a synchronickým `console.log` a vysvetlite ho cez Event Loop.

Ak priradíte `state.userName = 'Max'`, zmení sa obsah `h1`?

Používateľ rýchlo zadáva do vyhľadávacieho poľa. Aký je rozdiel medzi `debounce`, `throttle` a `AbortController` z pohľadu UX a záťaže siete/back-end? Ktorý je lepší pre živé vyhľadávanie?

Ak vytvoríte `setInterval` alebo pridáte poslucháča udalostí na `window` v `setup`, budú automaticky odstránené pri odmontovaní komponentu?

Predstavte si frontu makro úloh s piatimi `setTimeout`, zatiaľ čo mikroúlohy nekonečne pridávajú nové mikroúlohy, napríklad prostredníctvom rekurzívneho `Promise.resolve().then()`. Čo sa stane s rozhraním a či sa tieto päť timeoutov niekedy vykonajú? Prečo?

Implementujte funkciu `debounce`, ktorá podporuje okamžité volanie na začiatku série udalostí (`leading`), trailing volanie na konci série podľa predvolenej hodnoty a metódu `debounceFunc.cancel()` na zrušenie naplánovaného volania.

Implementujte typ `SnakeCase`, ktorý hlboko transformuje kľúče objektu z `camelCase` na `snake_case`, pričom zachováva bezpečnosť typov.

Čo a koľkokrát bude zaznamenané do konzoly pri kliknutí na tlačidlo v poskytnutom Vue kóde?

Implementujte zjednodušenú funkciu `reactive(object)`, ktorá napodobňuje Vue 3: pri čítaní vlastnosti zavolajte `track(target, key)`, a pri zmene vlastnosti zavolajte `trigger(target, key)`.

Čo je zraniteľnosť znečistenia prototypu?