Обяснете Event Loop в JavaScript/браузър.
Frontend
Разкажи за свойството position в CSS. Какви стойности съществуват?
Кои са най-скъпите CSS селектори за браузъра?
Разкажи за това в различни контексти: в методите на обекта, в стрелковите функции и в обикновените функции.
Какво е CORS и за какво е необходим?
Разкажи ми за специфичността на CSS селекторите. Как се изчислява? Кой е най-специфичният селектор?
import { useState } from "react"; const usePreviousValue = (value: number) => {}; export default function App() { const [стойност, setСтойност] = useState(0); const предишна = usePreviousValue(стойност); return ( <div className="App"> <h1>Текуща Стойност: {стойност}</h1> <h2>Предишна: {предишна ?? "-"}</h2> <button onClick={() => setСтойност((prev) => prev + 1)}>Клик</button> </div> ); }
Разкажи за управление на състоянието: кои библиотеки си използвал, разкажи за архитектурата Redux.
Как да синхронизирате две раздела на браузъра чрез localStorage? Разкажете за събитието storage.
Разкажи ми за начините за запазване на контекста в JavaScript: bind, call, apply. Как се различават?
Разкажете за патърна за повдигане на състоянието (lifting state up) в React
Какви типове има в TypeScript, които ги няма в JavaScript? Разкажи ми за utility types.
Разкажи ми за критичните етапи на рендериране на браузъра (Critical Rendering Path)
Каква е разликата между оператора за нулево сливане (??) и логическото ИЛИ (||)?
функция debounce(callback, delay) {}
Разкажи за жизнения цикъл на React компонент и hooks (useEffect, useState, useRef, useCallback, useMemo, useLayoutEffect и др.)
/** * Типизирайте функцията, която приема масив от обекти и ключ, * връща масив от обекти, където съществува този ключ/свойство **/ const filterArrayByKey = (items, key) => { return items.filter((item) => item[key] !== undefined && item[key] !== null); };
Разкажи ми за атрибутите defer и async в таг script. Какво ги отличава?
Каква е разликата между простите и сложните (preflight) заявки в контекста на CORS?