Frontend

Hogyan valósult meg a keresés a táblában RxJS használatával — hogyan küldődött pontosan a kérés a szerverre?

Beszélj a var, let, const változókról: láthatósági területek, hoisting, ideiglenes halott zóna.

Middle

Рунити

Mekkora volt a csapat? Hány front-end fejlesztő és más szakértő volt?

Mi a különbség a type és az interface között a TypeScript-ben? Mikor melyiket használod?

Mi az a referencia típus és miben különbözik a nem referencia típusoktól? Mit jelent referencia szerint átadni?

Middle

Okko

Milyen validációs és tisztítási módszerek alkalmazhatók az ügyfél oldalon a felhasználói bemenetekhez?

Hogyan viszonyulsz a kritikához a kód-ellenőrzés során?

Middle

Wildberries

let a = 5; setTimeout(function timeout() { //macro console.log(a); a = 10; }, 0); let p = Promise.resolve().then(data => { console.log(a); a = 25; resolve(); }).then() console.log(a); // 5 25 25

Middle

Wildberries

Az Async/await gyakran szintaktikus cukorként nevezik a promise-ok felett. Hogyan érted ezt a kifejezést? Mit jelent a 'szintaktikus cukor'?

Middle

СБЕР

Írd le, mi fog történni az első rendereléskor — milyen sorrendben jelennek meg a console.log-ok. Mi történik a kattintás után?

Middle+

IT One

// Szükséges a groupBy metódus megvalósítása, amely kiterjeszti az arrayek standard metódusait. // A metódusnak egy csoportosított változatát kell visszaadnia az array-nek — egy objektumot, // amelyben a kulcsok a fn(arr[i]) hívás eredményei minden elemre, // és az értékek olyan tömbök, amelyek tartalmazzák az eredeti array összes elemét ezzel a kulccsal. // kód itt // Példa 1 const array1 = [ { id: 1 }, { id: 1 }, { id: 2 } ]; const fn = (item) => item.id; console.log(array1.groupBy(fn)); // { // 1: [{ id: 1 }, { id: 1 }], // 2: [{ id: 2 }] // } // Példa 2 const array2 = [1, 2, 3]; console.log(array2.groupBy(String)); // { // "1": [1], // "2": [2], // "3": [3] // } // Példa 3 const array3 = [1.3, 0.5, 1.4]; console.log(array3.groupBy(Math.round)); // { // 1: [0.5, 1.4], // 3: [1.3] // }

Tervezzen egy React-komponenst a fájlok és mappák beágyazott struktúrájának megjelenítéséhez: helyesen jeleníti meg a beágyazott struktúrát, képes elrejteni és megjeleníteni a mappák tartalmát, dinamikusan kér adatokat a mappák tartalmáról azok kibővítésekor.

Middle

Бюро 1440

Feladat 2: Az alábbiakban több Todo felület deklaráció található, magyarázd el, mi történik, ha ezek ugyanabban a hatókörben vannak. Tárgyaljuk, hogyan kezeli őket a TypeScript, és töltsd ki a `myTodo` objektumot úgy, hogy megfeleljen a összeolvasztott Todo felület követelményeinek. ```typescript interface Todo { title: string; dueDate: Date; } interface Todo { description: string; completed: boolean; } interface Todo { priority: 'high' | 'medium' | 'low'; completed: string; } const myTodo: Todo = {}; ```

Ér-e értelme a szűrt lista useMemo-ba csomagolni ebben a komponensben?

Mi inspirál és motivál a munkában?

Middle+

Лига Цифровой Экономики

Van egy felhasználók tömbje, amelyet map segítségével jelenítünk meg. Hol a hiba és mi hiányzik itt?

Valósítson meg egy komponenst, amely a csapatok listáját és résztvevőiket jeleníti meg. Egy tömböt kap csapatokról (névvel és résztvevő felhasználói azonosítókkal) és egy külön tömböt felhasználókról (azonosítóval és névvel). A felhasználói azonosítók alapján társítani kell a csapatokat a felhasználókkal, és meg kell jeleníteni a csapatkártyákat a résztvevők felsorolásával. Ha nincsenek résztvevők — jelenjen meg, hogy 'nincs résztvevő'; ha van felhasználói ID, de a felhasználó nem található a listában — jelenjen meg egy kötőjelet. Jellemző: a felhasználói ID lehet tömb, szám, null vagy undefined.

Hogyan dolgozik az adaptív elrendezéssel? Milyen megközelítéseket alkalmaz?

Middle

Лига Цифровой Экономики

Milyen potenciális biztonsági aggályok merülnek fel a JSONP használata során, és hogyan kezeli ezeket a problémákat a CORS?

Middle+

Andersen

Mit mondanál a Vue 3-ban a komponens életciklus hookjairól?