Frontend

TypeScript: koks yra skirtumas tarp tipų `any`, `unknown` ir `never`?

Vue 2 ir Vue 3: kokios architektūrinės Vue 2 reaktyvumo ribojimai privertė Evan You perrašyti variklį naudodamas `Proxy`?

JavaScript: koks yra skirtumas tarp `prototype` ir `__proto__`?

Vue 3: koks yra pagrindinis skirtumas tarp `ref` ir `reactive`, įskaitant jų pagrindinius veikimo principus?

Jei `Proxy` yra toks geras, kodėl Vue 3 vis dar turi `ref`?

Analizuokite pateiktą Vue kodą: kurios kintamosios yra reaktyvios, kur prarandama reaktyvumas ir kaip tai ištaisyti?

Optimizuojant sunkios frontend programos įkėlimą su 150 mažomis piktogramomis, ar reikėtų sujungti piktogramas į vieną sprite ar naudoti CSS-inlining, kai naudojamas HTTP/2 ar HTTP/3?

Ar galima `debounce` sujungti su `AbortController`?

Jei `setup` viduje sukursite `watch` arba `computed`, kas su jais nutiks komponento išmontavimo metu?

Pateiktame Vue kode, ar šablonas atnaujinsis paspaudus mygtuką?

Nustatykite išvesties eilės tvarką konsolėje pateiktame kode su `setTimeout`, `Promise` ir sinchroniniu `console.log`, paaiškindami tai per Event Loop.

Jei priskirsite `state.userName = 'Max'`, ar `h1` turinys pasikeis?

Vartotojas greitai įveda tekstą paieškos lauke. Kuo skiriasi `debounce`, `throttle` ir `AbortController` iš UX ir tinklo/backend apkrovos perspektyvos? Kuris geriausias gyvai paieškai?

Jei `setup` viduje sukursite `setInterval` arba pridėsite įvykio stebėtoją prie `window`, ar jie automatiškai bus pašalinti komponento išmontavimo metu?

Įsivaizduokite makro užduočių eilę su penkiais `setTimeout`, o mikro užduotys begaliniai prideda naujas mikro užduotis, pavyzdžiui, per rekursinį `Promise.resolve().then()`. Kas nutiks su sąsaja ir ar šie penki timeout'ai kada nors įvykdys? Kodėl?

Įgyvendinkite `debounce` funkciją, kuri palaiko momentinį iškvietimą serijos pradžioje (`leading`), serijos pabaigoje pagal numatytąją trailing iškvietimą ir `debounceFunc.cancel()` metodą, kad atšauktumėte suplanuotą iškvietimą.

Įgyvendinkite `SnakeCase` tipą, kuris giliai transformuoja objekto raktus iš `camelCase` į `snake_case`, išlaikant tipų saugumą.

Kokios ir kiek kartų bus įrašyta į konsolę paspaudus mygtuką pateiktame Vue kode?

Įgyvendinkite supaprastintą `reactive(object)` funkciją, kuri imituoja Vue 3: kai skaitote savybę, iškvieskite `track(target, key)`, o kai keičiate savybę, iškvieskite `trigger(target, key)`.

Kas yra prototipo užteršimo pažeidžiamumas?