Frontend | Вопросы собесов

🤔 Зачем мы разбиваем код на компоненты?Чтобы улучшить читаемость, переиспользуемость и поддержку. Компоненты упрощают тестирование, изоляцию логики и позволяют собирать интерфейс как из конструктора.Ставь 👍 если знал ответ, 🔥 если нетЗабирай 📚 Базу знаний

🤔 Когда нужно использовать кнопки а когда ссылки?В веб-разработке часто возникает вопрос: использовать кнопку (<button>) или ссылку (<a>) для взаимодействий? Хотя они внешне могут выглядеть одинаково, у них разные назначения и поведение. 🟠Когда использовать `<button>`? Когда действие выполняется ...

🤔 Какие методологии есть?Методологии в верстке и CSS:- BEM (Block Element Modifier) — строгая иерархия классов;- SMACSS — деление стилей на категории (base, layout, module, state);- OOCSS (Object-Oriented CSS) — повторное использование объектов;- Atomic CSS / Utility-first — минималистичные, мн...

🤔 Какое свойство Flexbox отвечает за направление flex items?Свойство flex-direction:- row (по горизонтали),- column (по вертикали),- и их обратные варианты (row-reverse, column-reverse).Ставь 👍 если знал ответ, 🔥 если нетЗабирай 📚 Базу знаний

🤔 Какие хуки добавляют для подключения роутера?Во Vue с Vue Router:- beforeRouteEnter — до создания компонента;- beforeRouteUpdate — при смене параметров маршрута;- beforeRouteLeave — при уходе с маршрута; Используются для логики навигации, авторизации и пр.Ставь 👍 если знал ответ, 🔥 если нетЗ...

🤔 Что такое функциональное программирование?Функциональное программирование (FP) — это парадигма программирования, в которой основной единицей кода являются функции. В FP функции работают с данными без изменения внешнего состояния и без побочных эффектов. 🚩Основные принципы функционального програ...

🤔 Какие есть альтернативы SSR?- SPA + пререндеринг (Scully, React Static, Nuxt generate) — хорош для статического контента.- JAMStack + CDN — готовая сборка без сервера.- Edge rendering — через CDN-функции (например, Cloudflare Workers).- Hybrid rendering (ISR/SSG) — как в Next.js, где часть ст...

🤔 Зачем мы используем React.Fragment?React.Fragment позволяет оборачивать несколько JSX-элементов без лишнего тега в DOM. Он нужен, когда требуется вернуть несколько элементов из компонента, не создавая дополнительных обёрток (<div> и т.п.).Вот подробные текстовые ответы на твои вопросы, охватывающ...

🤔 В чём отличие box-sizing: border-box от box-sizing: content-box?- border-box включает padding и border в размер элемента — проще контролировать итоговую ширину.- content-box — по умолчанию: ширина задаётся только для содержимого, а padding и border добавляются отдельно.Ставь 👍 если знал ответ,...

🤔 Что такое dispatch?В контексте Frontend-разработки, dispatch — это метод, который отправляет (диспатчит) событие или действие. В зависимости от технологии dispatch может использоваться в Redux, EventTarget или React. 🟠`dispatch` в Redux В Redux dispatch(action) используется для отправки (диспа...

🤔 Зачем необходим DOM?DOM (Document Object Model) представляет HTML-документ в виде дерева объектов. Он необходим для доступа, изменения и взаимодействия с элементами веб-страницы с помощью JavaScript.Ставь 👍 если знал ответ, 🔥 если нетЗабирай 📚 Базу знаний

🤔 Когда используются теги div и span?- div — это блочный элемент, используется для структурирования больших участков контента;- span — строчный элемент, применяется для выделения текста внутри других блоков без создания новой строки.Ставь 👍 если знал ответ, 🔥 если нетЗабирай 📚 Базу знаний