Frontend

Как реализовать показ баннера один раз для авторизованного пользователя на всех его устройствах?

Middle+

IT One

Как работает функция показа/скрытия пароля в поле input type=password?

Чем отличается display flex от display grid? Как выравнивать элементы во flex?

Какие настройки есть у cookie (httpOnly, secure, expires, domain, path)?

Middle+

IT One

const submit = useCallback((el) => () => { log(el); }, []); arr.map(el => <button onClick={submit(el)} />) arr.map(el => <SomeComp key={} onClick={() => submit(el)} />) const param = useMemo(() => ({c: a + b}), [a,b]) return <Child value={param} /> Child = React.memo(() => {})

Middle+

IT One

const submit = (el) => () => { log(el); } arr.map(el => <button onClick={submit(el)}/>) arr.map(el => <SomeComp key={} pmclick={() => submit(el)} />) const param = useMemo(() => ([c: a + b]), [a,b]) return <Child value={param} /> Child = React.memo(() => {})

Middle+

IT One

Напиши абстрактную реализацию компонента Child с мемоизацией через React.memo. Какой второй аргумент принимает React.memo?

Middle+

IT One

const func = obj.sayHi() const boundFuns = func.bind(obj) boundFuns() ------------------- const submit = (el) => () => { log(el); } arr.map(el => <button onClick={submit(el)}/>) const param = useMemo(() => a + b) return <Child value={param} />

Middle+

IT One

const obj = [{ value: 1, elems: [ { value: 2, elems: [ { value: 3 }, { value: 6 }, ... ] }, { value: 4, elems: [ { value: 5, elems: [ { value: 6 }, ... ]} ] } ] }] ------------- setTimeout(() => { console.log(1); }, 0); const p = new Promise(resolve => { console.log(2); resolve(); }); p.then(() => { console.log(3) }).then(() => { console.log(4); }); console.log(5);

Middle+

IT One

Расскажи про Promise: статусы, статические методы (all, allSettled, any, race).

Middle+

IT One

Реализуй функцию delay(ms), которая возвращает промис, резолвящийся через указанное время

Middle

Wildberries

fetchAll(['url1', 'url2'], (results) => { console.log('Данные по всем ссылкам', results); }); function fetchAll(urls) { const promises = urls.map((url) => { fetch(url).then((res) => res.json()) }) const data = Promise.all(promises).then((response) => { if (!response.ok) { throw new Error('error') } return response }) console.log(data) }

Middle

Wildberries

Подкапотные темы Vue 3 — как работает шедулер, виртуальный DOM?

Middle+

Рунити

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

Promise.reject('Api Error') .then(data => console.log('ok')) .catch(error => { console.log(error); return '1'; }) .then(data => { console.log(data); });

Middle

Wildberries

console.log(foo); var foo = 1; console.log(foo); let foo = 2; console.log(foo); const foo = 3; console.log(foo);

Middle

Wildberries

Расскажи про фрагменты и порталы в React.

Middle

Wildberries

Расскажи про батчинг в React. Где на практике с ним сталкивался?

Middle

Wildberries

Какие методы жизненного цикла существуют в React и как их эмулировать с помощью useEffect?

Middle

Wildberries

Расскажи про Event Loop в JavaScript.

Middle

Wildberries