Frontend

TypeScript: mis on erinevus tüüpide `any`, `unknown` ja `never` vahel?

Vue 2 ja Vue 3: millised on Vue 2 reaktiivsuse arhitektuurilised piirangud, mis sundis Evan You't uuesti kirjutama mootorit kasutades `Proxy`?

JavaScript: mis vahe on `prototype` ja `__proto__` vahel?

Vue 3: mis on `ref` ja `reactive` põhiväärtus, sealhulgas nende põhjalik tööpõhimõte?

Kui `Proxy` on nii hea, siis miks Vue 3-l veel `ref` on?

Analüüsige antud Vue koodi: millised muutujad on reaktiivsed, kus reaktiivsus kaob ja kuidas seda parandada?

Kui optimeerite raskema frontend rakenduse laadimist, millel on 150 väikest ikooni, kas peaks olema ikoonid ühes sprite'is või kasutama CSS-inliningut HTTP/2 või HTTP/3 kasutamisel?

Kas `debounce` saab kombineerida `AbortController`-iga?

Antud Vue koodis uuendatakse mall, kui klõpsate nupule?

Kui `setup` sees lood `watch` või `computed`, mis nende kohta juhtub komponendi eemaldamisel?

Määrake konsooni väljundi järjekord antud koodile `setTimeout`, `Promise` ja sünkroonilise `console.log` abil, selgitades seda Event Loop kaudu.

Kui määrate `state.userName = 'Max'`, kas `h1` sisu muutub?

Kasutaja sisestab kiiresti otsinguvälja. Mis vahe on `debounce`, `throttle` ja `AbortController` vahel UX ja võrgu/tagumise koormuse vaatenurgast? Milline on parem live-otsinguks?

Kui `setup` sees lood `setInterval` või lisad sündmuse kuulaja `window`-le, kas need eemaldatakse automaatselt komponendi eemaldamisel?

Kujutage ette makrotööde järjekorda, kus on viis `setTimeout`, ning mikroülesanded lõputult lisavad uusi mikroülesandeid, näiteks rekursiivse `Promise.resolve().then()` kaudu. Mis juhtub liidesega ja kas need viis timeouti kunagi täidetakse? Miks?

Rakenda `debounce` funktsiooni, mis toetab kohest väljakutset sündmuste seeria alguses (`leading`), seeria lõpus trailing-väljakutset vaikimisi ning meetodit `debounceFunc.cancel()`, et tühistada planeeritud väljakutse.

Rakenda `SnakeCase` tüüpi, mis sügavuti teisendab objekti võtmed `camelCase`-st `snake_case`-ks, säilitades tüübi turvalisuse.

Mis ja mitu korda salvestatakse konsooli, kui klõpsate antud Vue koodis nupul?

Rakenda lihtsustatud `reactive(object)` funktsiooni, mis jäljendab Vue 3: kui loete omadust, kutsuge `track(target, key)`, ja kui muudate omadust, kutsuge `trigger(target, key)`.

Mis on prototüübi reostuse haavatavus?