Frontend

TypeScript: jaký je rozdíl mezi typy `any`, `unknown` a `never`?

JavaScript: jaký je rozdíl mezi `prototype` a `__proto__`?

Vue 2 a Vue 3: jaká architektonická omezení reaktivity Vue 2 donutila Evana You, aby přepsal engine pomocí `Proxy`?

Vue 3: jaký je základní rozdíl mezi `ref` a `reactive`, včetně jejich základního fungování?

Pokud je `Proxy` tak dobré, proč má Vue 3 stále `ref`?

Analyzujte poskytnutý Vue kód: které proměnné jsou reaktivní, kde se ztrácí reaktivita a jak to opravit?

Při optimalizaci načítání těžké frontendové aplikace s 150 malými ikonami by měly být ikony sloučeny do jednoho sprite nebo použít CSS-inlining při použití HTTP/2 nebo HTTP/3?

Lze `debounce` kombinovat s `AbortController`-em?

V poskytnutém Vue kódu se šablona aktualizuje při kliknutí na tlačítko?

Pokud vytvoříte `watch` nebo `computed` uvnitř `setup`, co se s nimi stane při odmontování komponenty?

Určete pořadí výstupu do konzole pro poskytnutý kód s `setTimeout`, `Promise` a synchronním `console.log` a vysvětlete to přes Event Loop.

Pokud přiřadíte `state.userName = 'Max'`, změní se obsah `h1`?

Pokud vytvoříte `setInterval` nebo přidáte posluchač událostí na `window` uvnitř `setup`, budou automaticky odstraněny při odmontování komponenty?

Uživatel rychle zadává do vyhledávacího pole. Jaký je rozdíl mezi `debounce`, `throttle` a `AbortController` z pohledu UX a zatížení sítě/ backendu? Který je lepší pro živé vyhledávání?

Implementujte funkci `debounce`, která podporuje okamžité volání na začátku série událostí (`leading`), na konci série výchozí trailing volání a metodu `debounceFunc.cancel()` pro zrušení naplánovaného volání.

Představte si frontu makro úkolů s pěti voláními `setTimeout`, zatímco mikroúkoly nekonečně přidávají nové mikroúkoly, například prostřednictvím rekurzivního `Promise.resolve().then()`. Co se stane s rozhraním a jestli se těchto pět timeoutů někdy spustí? Proč?

Implementujte typ `SnakeCase`, který hloubkově transformuje klíče objektu z `camelCase` na `snake_case`, při zachování typové bezpečnosti.

Co a kolikrát bude zaznamenáno do konzole při kliknutí na tlačítko v poskytnutém Vue kódu?

Implementujte zjednodušenou funkci `reactive(object)`, která napodobuje Vue 3: při čtení vlastnosti zavolejte `track(target, key)`, a při změně vlastnosti zavolejte `trigger(target, key)`.

Co je to zranitelnost znečištění prototypu?