Frontend

TypeScript: kāda ir atšķirība starp tipiem `any`, `unknown` un `never`?

Vue 2 un Vue 3: kādi ir Vue 2 reaktivitātes arhitektūras ierobežojumi, kas lika Evan You pārrakstīt motoru, izmantojot `Proxy`?

JavaScript: kāda ir atšķirība starp `prototype` un `__proto__`?

Vue 3: kāda ir pamatatšķirība starp `ref` un `reactive`, ieskaitot to iekšējo darbību?

Ja `Proxy` ir tik tik labs, kāpēc Vue 3 joprojām ir `ref`?

Analizējiet sniegto Vue kodu: kuras mainīgās ir reaktīvas, kur reaktivitāte tiek zaudēta un kā to labot?

Optimizējot smagas frontend lietojumprogrammas ielādi ar 150 mazām ikonām, vai ir jāapvieno ikonas vienā sprite vai jāizmanto CSS-inlining, izmantojot HTTP/2 vai HTTP/3?

Vai `debounce` var apvienot ar `AbortController`?

Dotajā Vue kodā, vai šablons tiks atjaunināts, noklikšķinot uz pogas?

Ja `setup` iekšienē izveidosiet `watch` vai `computed`, kas ar tiem notiks, kad komponenta tiks noņemta?

Noteikt konsoles izvades secību sniegtajā kodā ar `setTimeout`, `Promise` un sinhrono `console.log`, skaidrojot to caur Event Loop.

Ja jūs piešķirat `state.userName = 'Max'`, vai `h1` saturs mainīsies?

Lietotājs ātri ievada tekstu meklēšanas laukā. Kāda ir atšķirība starp `debounce`, `throttle` un `AbortController` no UX un tīkla/backend slodzes perspektīvas? Kurš ir labākais tiešsaistes meklēšanai?

Ja `setup` iekšienē izveidosiet `setInterval` vai pievienosiet notikumu klausītāju `window`, vai tie tiks automātiski noņemti, kad komponenta tiks noņemta?

Iedomājieties makro uzdevumu rindu ar pieciem `setTimeout`, un mikro uzdevumi bezgalīgi pievieno jaunas mikro uzdevumus, piemēram, caur rekursīvu `Promise.resolve().then()`. Kas notiks ar saskarni un vai šie pieci timeouti kādreiz tiks izpildīti? Kāpēc?

Izstrādājiet `debounce` funkciju, kas atbalsta tūlītēju izsaukšanu sākumā sērijas notikumiem (`leading`), noklusējuma beigās — trailing izsaukšanu un `debounceFunc.cancel()` metodi, lai atceltu plānoto izsaukumu.

Izstrādājiet `SnakeCase` tipu, kas dziļi pārveido objekta atslēgas no `camelCase` uz `snake_case`, saglabājot tipu drošību.

Ko un cikreiz tiks ierakstīts konsolē, noklikšķinot uz pogas sniegtajā Vue kodā?

Izstrādājiet vienkāršotu `reactive(object)` funkciju, kas imitē Vue 3: lasot īpašumu, izsauciet `track(target, key)`, un mainot īpašumu — `trigger(target, key)`.

Kas ir prototipu piesārņojuma ievainojamība?