Frontend

TypeScript: jaka jest różnica między typami `any`, `unknown` i `never`?

JavaScript: jaka jest różnica między `prototype` a `__proto__`?

Vue 2 i Vue 3: jakie ograniczenia architektoniczne reaktywności Vue 2 zmusiły Evana You do przepisywania silnika za pomocą `Proxy`?

Vue 3: jaka jest podstawowa różnica między `ref` a `reactive`, w tym w ich działaniu od podstaw?

Jeśli `Proxy` jest tak dobry, dlaczego Vue 3 nadal ma `ref`?

Przeanalizuj podany kod Vue: które zmienne są reaktywne, gdzie tracisz reaktywność i jak to naprawić?

Optymalizując ładowanie ciężkiej aplikacji frontendowej z 150 małymi ikonami, czy lepiej połączyć ikony w jeden sprite czy używać CSS-inlining przy HTTP/2 lub HTTP/3?

Czy można połączyć `debounce` z `AbortController`?

W podanym kodzie Vue, czy szablon zaktualizuje się po kliknięciu przycisku?

Jeśli w `setup` utworzysz `watch` lub `computed`, co się z nimi stanie podczas odmontowania komponentu?

Określ kolejność wyjścia na konsoli dla podanego kodu z `setTimeout`, `Promise` i synchronicznym `console.log`, wyjaśniając to przez Event Loop.

Jeśli przypiszesz `state.userName = 'Max'`, czy zawartość `h1` się zmieni?

Jeśli w `setup` utworzysz `setInterval` lub dodasz obsługę zdarzeń do `window`, czy zostaną one automatycznie usunięte podczas odmontowania komponentu?

Użytkownik szybko wpisuje tekst w polu wyszukiwania. Jaka jest różnica między `debounce`, `throttle` a `AbortController` z punktu widzenia UX i obciążenia sieci/serwera? Co jest lepsze do wyszukiwania na żywo?

Zaimplementuj funkcję `debounce`, która obsługuje natychmiastowe wywołanie na początku serii zdarzeń (`leading`), wywołanie końcowe na końcu serii domyślnie, oraz metodę `debounceFunc.cancel()` do anulowania zaplanowanego wywołania.

Wyobraź sobie kolejkę zadań makro z pięcioma wywołaniami `setTimeout`, a mikrozadania nieskończenie dodają nowe mikrozadania, na przykład przez rekurencyjne `Promise.resolve().then()`. Co się stanie z interfejsem i czy te pięć timeoutów kiedykolwiek się wykonają? Dlaczego?

TypeScript: zaimplementuj typ `SnakeCase`, który głęboko przekształca klucze obiektu z `camelCase` na `snake_case`, zachowując bezpieczeństwo typów.

Co i ile razy zostanie zalogowane do konsoli po kliknięciu przycisku w dostarczonym kodzie Vue?

Zaimplementuj uproszczoną funkcję `reactive(object)`, która naśladuje Vue 3: podczas odczytu właściwości wywołaj `track(target, key)`, a podczas zmiany właściwości wywołaj `trigger(target, key)`.

Czym jest luka w zabezpieczeniach związana z zanieczyszczeniem prototypu?