Новые вопросы

// Какие структуры данных ты знаешь

// Написать ф-цию для неглубокого сравнения объектов function shallowEqual (obj1, obj2) { var keys1 = Object.keys(obja); var keys2 = Object.keys(obj2);

if (keys1.length !== keys2.length) { return false }

for (let key of obj1) { if (obj1[key] !== obj2[key]) { return false; } } }

// Что такое итерируемые объекты

// Написать ф-цию debounce function debounce (fn, delay) { var timerId;

return function () { clearTimeout(timerId); timerId = setTimeout(fn, delay) } }

// Написать ф-цию для проверки правильного вложения скобок. // Скобки могут быть только трех видов ()[]<> test('<>') // true test('<)') // false test('([])<>') // true test('([]<)>') // false

function test (str) { var strArr = str.split(''); var stack = []; var check = { ']': '[', ')': '(', '>': '<' };

strArr.forEach(function (bracket) { if ((stack.length === 0) || !check[bracket] ) { stack.push(bracket); } else { var lastElmInStack = stack[stack.length - 1]; if (lastElmInStack === check[bracket]) { stack.pop(); } } });

return !stack.length; }

// Опишите своими словами как работают замыкания

// Разница между замыканием и областью видимости

// Как работает асинхронность в JavaSctipt (тут надо рассказать про EventLoop)

// В Какой последовательности отработают промисы doSomething().then(function () { return doSomethingElse(); });

doSomething().then(function () { doSomethingElse(); });

doSomething().then(doSomethingElse());

doSomething().then(doSomethingElse);

// В чем отличия этих двух примеров p.then(() => { / много кода / }, () => { / ... / });

p.then(() => { / много кода / }) .catch();

// Какими способами можно задать стили

/ Напишите примеры css селекторов .list .list .list-item .list .list-item:nth-child(n) .list .list-item a:nth-of-type(n) .list-item + list-item.active .list-item ~ list-item.active [class='item'] [class^='item'] [class~='item'] */

// Как подсчитать специфичность селекторов

// Расскажите про специфичность селекторов

/* Какого цвета будет блок .red { color: red } .blue { color: blue }

*/

// Как задать стили, если курсор попал в фокус болка

/* В какое место на странице вставляются элементы before и after. (Есть блок с классом block, мы задали ему и мы задали ему before и after)

:before

:after

или

:before

:after </div> */

// Как есть способы оптимизировать CSS

// Методологии для CSS (имеется в виду БЭМ и подобные)

// Для чего нужна изоляция стилей

// Как работают события в JavaSctipt. (Потом идут встречные вопросы про фазы и то как перехватить событие на разных фазах, про отмену всплытия, про делегирование событий)

// Расскажите что происходит после того как пользователь ввел данные в урл и нажал на ентер и браузер уже начал принимать html

// Расскажите про техники оптимизации блокирующих операций

// Какими способами можно отправить запрос на сервер

// Как можно отследить кол-во посещений на сайте. Просто посещений (т.е. сколько раз загрузилась страничка), не зависимо от того это тот же пользователь или нет

// SOLID

// Принципы ООП

// Расказать про тесирование

// Расскажите какие шаблоны проектирования знаете

// Рассказать как работает сравнение в PureCoponent

// Если пришел заказчик с проблемой, что у него тормозит форма (форма сложная и большая), какие ты предпримишь пути для решения данной проблемы

// Как работает контекст в реакте

// Какие реактовские патерны вы знаете