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

\n\n🚩Какие события есть в Drag and Drop? \n\nОсновные события: \ndragstart — когда начали тянуть элемент. \ndrag — когда элемент двигается (срабатывает много раз). \ndragenter — когда курсор заходит в зону сброса. \ndragover — когда элемент находится над зоной (нужно preventDefault()). \ndragleave — когда курсор покидает зону сброса. \ndrop — когда элемент отпущен в зоне сброса. \ndragend — когда перетаскивание завершено (даже если не сбросили). \n\n🚩Где используется Drag and Drop? \n\n- Перетаскивание файлов в (например, загрузка изображений). \n- Канбан-доски, как в Trello. \n- Онлайн-редакторы, как Figma. \n- Игры, где можно перемещать предметы. \n\n🚩Можно ли сделать Drag and Drop без HTML5 API? \n\nДа, можно использовать другие методы: \nЧерез события мыши (mousedown, mousemove, mouseup). \nЧерез CSS position: absolute и transform. \nЧерез JS-библиотеки (Sortable.js, React DnD, Draggable.js). \nНапример, в мобильных браузерах стандартный Drag and Drop API плохо работает, и там лучше использовать события touchstart, touchmove, touchend.\n\nСтавь 👍 и забирай 📚 Базу знаний","datePublished":"2025-06-03T09:05:12Z","dateModified":"2025-06-03T09:05:12Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3044},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":14},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":34}]}},{"@type":"ListItem","position":5,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1608","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1608","mainEntityOfPage":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1608","headline":"🤔 Какие категории считаются основными категориями контента? Flow, Phrasing и Sectioning — считаются основными…","articleBody":"🤔 Какие категории считаются основными категориями контента?\n\nFlow, Phrasing и Sectioning — считаются основными, так как покрывают структурную, текстовую и организационную основу HTML-документа.\n\nСтавь 👍 если знал ответ, 🔥 если нет\nЗабирай 📚 Базу знаний","datePublished":"2025-06-02T16:10:30Z","dateModified":"2025-06-02T16:10:30Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2958},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":18},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":7}]}},{"@type":"ListItem","position":6,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1607","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1607","mainEntityOfPage":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1607","headline":"Открыть бизнес? Конечно, со Сбером! За 0₽ любой тариф расчётно-кассового обслуживания на месяц, выбирайте тот…","articleBody":"Открыть бизнес? Конечно, со Сбером!\n\nЗа 0₽ любой тариф расчётно-кассового обслуживания на месяц, выбирайте тот, который больше всего подойдёт вашему делу.\n\nА также:\n✅ бесплатные сервисы для ведения бизнеса: бухгалтерия для ИП, юрподдержка, электронный документооборот, отчётность в госорганы и многое другое. Всё, чтобы вам было удобно!\n✅ специальные условия для тех, кто ведёт бизнес на маркетплейсах: безлимитные переводы на счета физлиц без комиссии.\n\nОткройте счёт онлайн или в любом нашем офисе. \n\nУзнать больше\n\nФинансовые услуги оказывает: ПАО Сбербанк.\n\n#реклама \nsberbank.com\nО рекламодателе","datePublished":"2025-06-02T10:05:55Z","dateModified":"2025-06-04T08:34:17Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1914}]}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1606","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1606","mainEntityOfPage":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1606","headline":"🤔 Расскажи про особенности свойства color color – одно из самых базовых CSS-свойств, которое отвечает за цвет…","articleBody":"🤔 Расскажи про особенности свойства color\n\ncolor – одно из самых базовых CSS-свойств, которое отвечает за цвет текста и текста в элементах (например, градиентных фонах и SVG). \np {\n color: red;\n}\n\n🟠Какие значения принимает `color`? \nCSS позволяет задавать цвета несколькими способами\n\n🟠Особенности работы `color`\nНаследование\ncolor наследуется потомками по умолчанию, в отличие от многих других свойств CSS (например, background). \nbody {\n color: blue;\n}\np {\n color: inherit; /* Явное наследование */\n}\n\ncurrentColor — скрытое золото\nЭто специальное значение, которое означает \"используй текущее значение color\". Очень полезно для стилизации border, box-shadow, outline и SVG. \nbutton {\n color: red;\n border: 2px solid currentColor; /* Использует color */\n}\n\ntransparent — особый цвет\np {\n color: transparent;\n}\n\nКогда rgba() или hsla() лучше\np {\n color: rgba(255, 0, 0, 0.5); /* Полупрозрачный красный */\n}\n\ncolor и mix-blend-mode\nМожно заставить текст взаимодействовать с фоном с помощью mix-blend-mode\nh1 {\n color: white;\n mix-blend-mode: difference;\n}\n\ncolor в ::selection и ::placeholder\nНекоторые элементы (например, выделенный текст или placeholder в input) требуют отдельного указания color\n::selection {\n background: blue;\n color: white;\n}\n\ninput::placeholder {\n color: gray;\n}\n\nСтавь 👍 и забирай 📚 Базу знаний","datePublished":"2025-06-02T09:05:27Z","dateModified":"2025-06-02T09:05:27Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3152},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":8},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":11}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1605","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1605","mainEntityOfPage":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1605","headline":"Высшее образование дистанционно от 6700 ₽/мес. Поступи в Московский технологический институт в июне! — Высшее…","articleBody":"Высшее образование дистанционно от 6700 ₽/мес.\n\nПоступи в Московский технологический институт в июне!\n\n— Высшее образование в московском вузе без выезда на сессии.\n— Полностью дистанционный онлайн-формат.\n— Обучайся дома, на работе, в путешествии.\n— Диплом государственного образца.\n— 73 направления и программы обучения.\n— Программа колледж + вуз без ЕГЭ.\n\nСкидка 10% на платное обучение при оплате за год. \n\nПодать заявку\n\n#реклама 16+\nmti-vuz.ru\nО рекламодателе","datePublished":"2025-06-01T18:50:04Z","dateModified":"2025-06-03T16:53:21Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1854}]}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1604","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1604","mainEntityOfPage":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1604","headline":"🤔 Какими хуками и средствами можно заблокировать лишний ререндер? - React.memo — мемоизация компонента. - use…","articleBody":"🤔 Какими хуками и средствами можно заблокировать лишний ререндер?\n\n- React.memo — мемоизация компонента.\n- useMemo — мемоизация значений.\n- useCallback — мемоизация функций.\n- shouldComponentUpdate / React.PureComponent — в классовых компонентах.\n\nСтавь 👍 если знал ответ, 🔥 если нет\nЗабирай 📚 Базу знаний","datePublished":"2025-06-01T16:10:23Z","dateModified":"2025-06-01T16:10:23Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3028},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":13},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":14}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1603","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1603","mainEntityOfPage":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1603","headline":"Получи грант до 1,2 млн руб. на обучение в магистратуре Хочешь развиваться в сфере ИТ и получить фундаменталь…","articleBody":"Получи грант до 1,2 млн руб. на обучение в магистратуре\n\nХочешь развиваться в сфере ИТ и получить фундаментальные знания с практикой?\nПоступай в магистратуру Центрального университета!\n\n- 4 офлайн программы по востребованным направлениям ИТ\n- Онлайн-программа по машинному обучению\n- 300 мест с грантами до 1,2 млн руб.\n- Вечерние занятия и учеба по выходным — удобно совмещать с работой\n- Обучение по модели STEM-образования: на стыке науки, технологий и бизнеса\n- Возможность стажировок и трудоустройства в ведущих компаниях\n- Государственный диплом за 2 года\n\nМагистратура в Центральном университете — это современный подход к образованию, сильный преподавательский состав и актуальные кейсы от индустрии.\n\nОставляй заявку на грант уже сейчас! \n\nПодать заявку\n\n#реклама 16+\napply.centraluniversity.ru\nО рекламодателе","datePublished":"2025-06-01T11:44:41Z","dateModified":"2025-06-03T10:03:20Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1851}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1602","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1602","mainEntityOfPage":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1602","headline":"🤔 Что делает и для чего нужна функци function.Prototype.Bind? bind() – это метод, который создает новую функц…","articleBody":"🤔 Что делает и для чего нужна функци function.Prototype.Bind?\n\nbind() – это метод, который создает новую функцию с привязанным контекстом (this) и (опционально) фиксированными аргументами. \n\n🚩Основные возможности `bind()` \n\nПривязывает this, чтобы не потерять контекст \nПозволяет создавать частично примененные функции \nИспользуется в обработчиках событий и таймерах \n\nПример: потеря this без bind() \nconst user = {\n name: \"Иван\",\n sayHello() {\n console.log(`Привет, ${this.name}!`);\n },\n};\n\nsetTimeout(user.sayHello, 1000); // ❌ this = undefined\n\nСтавь 👍 и забирай 📚 Базу знаний","datePublished":"2025-06-01T09:05:11Z","dateModified":"2025-06-01T09:05:11Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3144},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":9},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":15}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1601","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1601","mainEntityOfPage":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1601","headline":"Методичка: как сделать онлайн-встречи эффективнее Надоело ждать коллег, которые постоянно забывают о встречах…","articleBody":"Методичка: как сделать онлайн-встречи эффективнее\n\nНадоело ждать коллег, которые постоянно забывают о встречах, а отсутствие повестки и потерянные договоренности мешают нормально работать?\n\nКоманда МТС Линк собрала на 37 страницах полезные материалы, чек-листы и кейсы, которые помогают компаниям проводить эффективные совещания в онлайне с помощью сервиса Встречи.\n\nИз методички узнаете:\n- Как создать постоянную ссылку и подключаться на встречи в 2 клика, \n- Как делать заметки и работать с файлами, не переживая за качество связи и безопасность данных. \n- Как облегчает жизнь ИИ, который расшифровывает созвоны в текст и автоматически отправляет расшифровку на почту.\n\nЕще в методичке описаны 7 способов оценки текущей эффективности ваших онлайн-встреч. \n\nПолучить гайд можно бесплатно на сайте. \n\nСкачать\n\n#реклама 16+\nmts-link.ru\nО рекламодателе","datePublished":"2025-05-31T18:42:00Z","dateModified":"2025-06-02T17:08:14Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1754}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1600","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1600","mainEntityOfPage":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1600","headline":"🤔 Как деплоить приложения? - CI/CD пайплайны (Jenkins, GitLab, GitHub Actions); - Сборка и доставка артефакто…","articleBody":"🤔 Как деплоить приложения?\n\n- CI/CD пайплайны (Jenkins, GitLab, GitHub Actions);\n- Сборка и доставка артефактов;\n- Docker-контейнеры;\n- Размещение в облачных сервисах (Heroku, AWS, GCP, Vercel, Netlify);\n- Через scp/rsync или ftp для простых решений.\n\nСтавь 👍 если знал ответ, 🔥 если нет\nЗабирай 📚 Базу знаний","datePublished":"2025-05-31T16:10:23Z","dateModified":"2025-05-31T16:10:23Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2831},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":14},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":20}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1599","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1599","mainEntityOfPage":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1599","headline":"В турагентство на удаленку требуются стажеры Клиентов предоставим. Можно без опыта и совмещая с основной рабо…","articleBody":"В турагентство на удаленку требуются стажеры\n\nКлиентов предоставим. Можно без опыта и совмещая с основной работой или декретом. \n\nС нас обучение с гарантированной стажировкой.\n\nДоход после обучения: \nот 50 000₽ до 220 000₽. Оплата в процессе обучения зависит от вашей вовлеченности. \n\nЗадачи: \nПомогать людям организовывать путешествия: \nподбор самых выгодных предложений на отдых со скидкой до 50% в новых сервисах бронирования.\n\nУсловия: \n✅ Без опыта — обучение с нуля за 2 месяца, первые выплаты в среднем в течение 2 недель;\n✅Удаленная работа или совмещение с офисом (по желанию, зависит от вашего города). \n\nХотите проверить, подойдет ли это вам? Регистрируйтесь на бесплатный вводный урок, на котором узнаете:\n— как подбирать туры для себя и близких с выгодой до 40%\n— как получать комиссию 7-10% с каждого тура. \n\nУзнать больше\n\n#реклама 16+\nvia-tourism-school.space\nО рекламодателе","datePublished":"2025-05-31T13:11:15Z","dateModified":"2025-06-02T11:12:08Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1762},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":3}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1598","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1598","mainEntityOfPage":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1598","headline":"🤔 Что такое merge и rebase, в чем отличие друг от друга? Это два способа интеграции изменений из одной ветки…","articleBody":"🤔 Что такое merge и rebase, в чем отличие друг от друга?\n\nЭто два способа интеграции изменений из одной ветки в другую в системе контроля версий Git. Оба метода имеют свои особенности и подходят для разных сценариев.\n\n🚩Merge (слияние)\n\nОбъединяет изменения из одной ветки в другую, создавая новый коммит слияния (merge commit). Этот метод сохраняет историю всех коммитов, включая все ветвления и слияния.\nПредположим, у вас есть две ветки: main и feature.\nВ ветке feature вы сделали несколько коммитов.\nВы хотите объединить изменения из feature в main.\ngit checkout main\ngit merge feature\n\n🚩Rebase (перебазирование) \n\nПеремещает или переписывает базу текущей ветки на указанную базу другой ветки. Это переписывает историю коммитов, создавая новые коммиты для каждого из оригинальных коммитов.\nПредположим, у вас есть две ветки: main и feature.\nВ ветке feature вы сделали несколько коммитов.\nВы хотите перенести изменения из feature на текущий конец main.\ngit checkout feature\ngit rebase main\n\n🚩Основные отличия\n\n🟠История коммитов\nMerge: Сохраняет всю историю, включая коммиты слияния. История показывает, когда и как происходили слияния веток.\nRebase: Переписывает историю, делая её линейной. История показывает, как если бы все изменения были сделаны последовательно, без ветвлений.\n\n🟠Коммиты слияния\nMerge: Создает новый коммит слияния, который объединяет изменения из двух веток.\nRebase: Не создает коммит слияния. Перебазирование \"переносит\" коммиты одной ветки на другую.\n\n🟠Конфликты\nMerge: Конфликты решаются один раз при слиянии.\nRebase: Конфликты могут возникнуть на каждом коммите, и их нужно решать поэтапно.\n\n🟠Применение\nMerge: Хорош для сохранения полного контекста истории разработки, особенно в командной работе.\nRebase: Хорош для поддержания чистой, линейной истории, особенно перед слиянием ветки в основную ветку, например, main или master.\n\nСтавь 👍 и забирай 📚 Базу знаний","datePublished":"2025-05-31T09:05:26Z","dateModified":"2025-05-31T09:05:26Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3082},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":9},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":41}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1597","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1597","mainEntityOfPage":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1597","headline":"Начните работу легко, даже если у вас лапки Работаете в программах 1С? Попробуйте современное решение! 1С:Фре…","articleBody":"Начните работу легко, даже если у вас лапки\n\nРаботаете в программах 1С? Попробуйте современное решение!\n\n1С:Фреш — это облачный сервис, который открывает доступ ко всем популярным программам 1С: Бухгалтерии, Рознице, Зарплата и управление персоналом и другим.\n\nЧем 1С:Фреш отличается от локальных версий программ:\n\n— Автообновление 1С всегда до последней версии, не нужно ждать специалистов;\n— Синхронизация данных между программами 1С;\n— Безопасность данных, вся информация передается в зашифрованном виде и доступна только вам.\n\n⚡Зарегистрируйтесь, и получите 30 дней тестового доступа к полному функционалу! \n\nЗарегистрироваться\n\n#реклама 16+\npcs.ru\nО рекламодателе","datePublished":"2025-05-30T20:15:10Z","dateModified":"2025-06-01T18:21:27Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1747}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1596","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1596","mainEntityOfPage":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1596","headline":"🤔 Разница между подключением скриптов async и defer? - async загружает и выполняет скрипт сразу, не дожидаясь…","articleBody":"🤔 Разница между подключением скриптов async и defer?\n\n- async загружает и выполняет скрипт сразу, не дожидаясь загрузки документа — полезно для независимых скриптов.\n- defer загружает скрипт параллельно, но выполняет после полной загрузки HTML — лучше для скриптов, работающих с DOM.\nОба улучшают производительность, но используются в разных сценариях.\n\nСтавь 👍 если знал ответ, 🔥 если нет\nЗабирай 📚 Базу знаний","datePublished":"2025-05-30T16:10:22Z","dateModified":"2025-05-30T16:10:22Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2792},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":18},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":14}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1595","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1595","mainEntityOfPage":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1595","headline":"🤔 Что такое нечистая функция? Нечистая функция (impure function) – это функция, результат которой зависит от…","articleBody":"🤔 Что такое нечистая функция?\n\nНечистая функция (impure function) – это функция, результат которой зависит от внешних данных или побочных эффектов. При одном и том же входном значении она может возвращать разные результаты, что делает её непредсказуемой. \n\n🚩Признаки нечистой функции \n\nЗависит от внешнего состояния \nИзменяет глобальные переменные \nВызывает побочные эффекты (запросы, изменения DOM, логирование, изменение переданных аргументов и т. д.) \n\n🚩Примеры нечистых функций \n\nИспользует внешнюю переменную (зависит от внешнего состояния)\nlet count = 0;\n\nfunction increment() {\n count += 1; \n return count;\n}\n\nconsole.log(increment()); // 1\nconsole.log(increment()); // 2 (результат меняется при каждом вызове)\n\nМодифицирует переданный аргумент\nfunction addElement(arr, item) {\n arr.push(item); // изменяет оригинальный массив\n return arr;\n}\n\nlet numbers = [1, 2, 3];\nconsole.log(addElement(numbers, 4)); // [1, 2, 3, 4]\nconsole.log(numbers); // [1, 2, 3, 4] (исходный массив изменён)\n\nВыполняет побочные эффекты (например, изменяет DOM)\nfunction changeTitle(newTitle) {\n document.title = newTitle;\n}\n\nchangeTitle(\"Новая страница\");\nconsole.log(document.title); // \"Новая страница\"\n\nГенерирует случайное значение\nfunction getRandomNumber() {\n return Math.random();\n}\n\nconsole.log(getRandomNumber()); // 0.37485647 (разный результат при каждом вызове)\n\n🚩Чем отличается от чистой функции? \nЧистая функция (pure function) всегда возвращает один и тот же результат при одинаковых входных данных и не изменяет внешние состояния.\n\nЧистый вариант функции addElement() (не меняет исходный массив) \nfunction addElementPure(arr, item) {\n return [...arr, item]; // создаёт новый массив, не изменяя старый\n}\n\nlet numbers = [1, 2, 3];\nconsole.log(addElementPure(numbers, 4)); // [1, 2, 3, 4]\nconsole.log(numbers); // [1, 2, 3] (исходный массив не изменился)\n\nСтавь 👍 и забирай 📚 Базу знаний","datePublished":"2025-05-30T09:05:10Z","dateModified":"2025-05-30T09:05:10Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3023},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":13},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":16}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1594","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1594","mainEntityOfPage":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1594","headline":"Сервис рассылок для вашего бизнеса и клиентов. Ищете надежный сервис рассылок с отличной поддержкой? 👍 Выбира…","articleBody":"Сервис рассылок для вашего бизнеса и клиентов.\n\nИщете надежный сервис рассылок с отличной поддержкой? \n👍 Выбирайте RedSMS\n\nЗабудьте о задержках – мгновенная отправка по базе.\nЛегко отправляйте сервисные и рекламные сообщения.\n\nПолучите индивидуальное внимание – персональный менеджер для вас.\nМы всегда рядом – онлайн-поддержка на каждом этапе.\nНачните без проблем – бесплатная консультация для новых пользователей.\n\nБудьте уверены в работе сервиса – техническая стабильность на высоте.\nВаши данные под защитой – безопасность данных гарантирована.\n\nРасширяйте клиентскую базу – привлекайте больше клиентов. Оповещайте действующих.\nДоставляйте сообщения всем – работаем со всеми операторами. \n\n✅ Узнайте больше и получите бесплатную консультацию. \n\nУзнать больше\n\n#реклама \nredsms.ru\nО рекламодателе","datePublished":"2025-05-30T00:19:56Z","dateModified":"2025-05-31T22:50:41Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1824}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1593","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1593","mainEntityOfPage":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru/posts/1593","headline":"🤔 Что такое computed-свойства? Это реактивные свойства, которые зависят от других реактивных данных и автомат…","articleBody":"🤔 Что такое computed-свойства?\n\nЭто реактивные свойства, которые зависят от других реактивных данных и автоматически пересчитываются, когда зависимости меняются.\nОни кешируются до тех пор, пока зависимости не изменятся.\n\nСтавь 👍 если знал ответ, 🔥 если нет\nЗабирай 📚 Базу знаний","datePublished":"2025-05-29T16:10:25Z","dateModified":"2025-05-29T16:10:25Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/uz/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2830},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":12},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":7}]}}]}