Sobes.tech

Frontend

Amikor egy nehéz frontend alkalmazás betöltését optimalizáljuk, amelyben 150 kis ikon van, érdemes az ikonokat egy sprite-ba összefoglalni vagy CSS-inlining-et használni HTTP/2 vagy HTTP/3 esetén?

139

A felhasználó gyorsan gépel a keresőmezőbe. Mi a különbség a `debounce`, `throttle` és `AbortController` között UX és hálózat/backend terhelés szempontjából? Melyik a jobb élő kereséshez?

124

Képzelj el egy makro feladatok sorát, ahol öt `setTimeout` van, miközben mikrofeladatok végtelenül adnak hozzá új mikrofeladatokat, például rekurzív `Promise.resolve().then()` segítségével. Mi fog történni a felhasználói felülettel, és ezek a öt timeout valaha végrehajtódnak? Miért?

118

Valósítson meg egy `debounce` függvényt, amely támogatja a azonnali hívást eseménysorozat elején (`leading`), az eseménysorozat végén a trailing hívást alapértelmezés szerint, és egy `debounceFunc.cancel()` metódust a tervezett hívás törléséhez.

118

Valósítson meg egy egyszerűsített `reactive(object)` függvényt, amely Vue 3-at utánozza: amikor egy tulajdonságot olvas, hívja meg a `track(target, key)`-t, és amikor módosítja a tulajdonságot, hívja meg a `trigger(target, key)`-t.

108