Pytania rekrutacyjne Svelte (Middle) z odpowiedziami
75 pytań na rozmowę rekrutacyjną z tematu Svelte (Middle) - z poprawnymi odpowiedziami, wyjaśnieniami i linkami do dokumentacji.
Rozwiąż ten test- 1.Kiedy używać
$derived.byzamiast$derived? - 2.Czy można przypisać wartość do
$derived(Svelte 5.25+)? - 3.Jaki stan
$effectśledzi jako zależności? - 4.Dlaczego to antywzorzec?
- 5.Jak odczytać stan w
$effect, nie czyniąc go zależnością? - 6.Czym różni się
$effectod$effect.pre? - 7.Kiedy
$state.rawto dobry wybór? - 8.Jak uczynić pola klasy reaktywnymi?
- 9.Dlaczego
items.set(k, v)nie aktualizuje UI, gdyitemsto zwykłyMapw$state? - 10.Co daje
$props()poza nazwanymi propsami? - 11.Dlaczego
colornie aktualizuje się, gdy zmienia się proptype? - 12.W czym pomaga
$inspect.trace()? - 13.Jak napisać reaktywną logikę wielokrotnego użytku (odpowiednik hooka) w Svelte 5?
- 14.Jak przekazać komponentowi nazwane obszary treści (dawniej nazwane sloty)?
- 15.Jaka jest przewaga snippetów nad slotami Svelte 4?
- 16.Czym jest attachment (
{@attach})? - 17.Dlaczego attachments są elastyczniejsze niż actions?
- 18.Co robi wiązanie funkcyjne (Svelte 5.9+)?
- 19.Które wiązania są tylko do odczytu?
- 20.Dlaczego przejścia w Svelte są domyślnie lokalne?
- 21.Do czego służą
Tween/Springzsvelte/motion? - 22.Jak sprawić, by kontekst był reaktywny?
- 23.Co daje
createContext(Svelte 5.40+)? - 24.Dlaczego współdzielony stan na poziomie modułu jest ryzykowny w aplikacji SvelteKit?
- 25.Kiedy store'y nadal mają sens w Svelte 5?
- 26.Co robi
derivedzsvelte/store? - 27.Jak ręcznie zamontować komponent Svelte 5 na stronie?
- 28.Co robi
flushSync()zsvelte? - 29.Jak zwykle testuje się komponenty Svelte jednostkowo?
- 30.Jak przetestować efekt utworzony poza komponentem?
- 31.Jak zbudować komponent Svelte jako custom element?
- 32.Kiedy wykonuje się uniwersalny
loadw+page.js? - 33.Jakie muszą być dane zwracane z serwerowego
load? - 34.Dlaczego używać
fetchprzekazanego doloadzamiast globalnego? - 35.Jak
loadstrony dostaje dane zloadswojego layoutu? - 36.Jak zwalidować formularz w action SvelteKit i zwrócić błędy?
- 37.Jak wywołać nazwaną action z formularza?
- 38.Co dodaje formularzowi
use:enhance? - 39.Do czego służy
handlewhooks.server.js? - 40.Jak przekierować z serwerowego
loadlub action? - 41.Co robią opcje strony
ssr = falseicsr = false? - 42.Co robi grupa tras jak
src/routes/(marketing)/about? - 43.Co robi
data-sveltekit-preload-data="hover"? - 44.Jak sprawić, by moduł był tylko serwerowy w SvelteKit?
- 45.Do czego służą
beforeNavigateiafterNavigate? - 46.Na co pozwala
export const snapshotw+page.svelte? - 47.Jak zbudować w pełni statyczną stronę w SvelteKit?
- 48.Co pokaże ten kod po kliknięciu przycisku?
- 49.Dlaczego
countnie jest reaktywny w importującym komponencie? - 50.Jak pokazać wskaźnik ładowania podczas nawigacji w SvelteKit?
- 51.Czym jest
MediaQueryzsvelte/reactivity? - 52.Jak komponent może udostępnić metody rodzicowi?
- 53.Co robi
<script module>? - 54.Które stwierdzenie o
{#each}z destrukturyzacją jest poprawne? - 55.Po co serwerowy
loadzwraca promise dla wolnych danych? - 56.Co jest nie tak z tym
$effect? - 57.Co pokazuje strona
+error.svelte? - 58.Co generuje
$props.id()(Svelte 5.20+)? - 59.Jak nadać propsowi
$bindablewartość domyślną? - 60.Jak wyrenderować treść zastępczą, gdy nie przekazano snippetu
children? - 61.Jak nasłuchiwać
visibilitychangenadocumentw komponencie? - 62.Jak przekazać parametry do przejścia?
- 63.Czym
in:/out:różnią się odtransition:? - 64.Czy
<select bind:value>może przechowywać obiekty, a nie tylko napisy? - 65.Jak raz odczytać bieżącą wartość store'a poza komponentem?
- 66.Co robi drugi argument
readable? - 67.Jak sprawdzić, czy kontekst istnieje, zanim go odczytasz?
- 68.Co się stanie, gdy ustawisz
export const ssr = falsew+layout.js? - 69.Jak ustawić nagłówki cache dla strony z
load? - 70.Jak czytać i ustawiać cookies na serwerze w SvelteKit?
- 71.Co robi matcher parametru jak
[id=integer]? - 72.Do czego przydaje się parametr rest
[...path]? - 73.Co się dzieje, gdy zarówno
+page.js, jak i+page.server.jseksportująload? - 74.Jak przetestować komponent, który oczekuje propsów-snippetów?
- 75.Czego NIE robi
untrack?