\n\nСтавь 👍 и забирай 📚 Базу знаний","datePublished":"2025-10-25T09:05:40Z","dateModified":"2025-10-25T09:05:40Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/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":2538},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":5},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":18}]}},{"@type":"ListItem","position":6,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2072","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2072","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2072","headline":"🤔 Как можно использовать в рамках JSX JavaScript-код? JS-код можно вставлять в JSX внутри фигурных скобок {}.…","articleBody":"🤔 Как можно использовать в рамках JSX JavaScript-код?\n\nJS-код можно вставлять в JSX внутри фигурных скобок {}.\nЭто могут быть: переменные, выражения, вызовы функций, условия через тернарный оператор.\n\nСтавь 👍 если знал ответ, 🔥 если нет\nЗабирай 📚 Базу знаний","datePublished":"2025-10-24T16:10:41Z","dateModified":"2025-10-24T16:10:41Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/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":2246},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":8},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2071","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2071","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2071","headline":"Гайд для маркетологов по эффективным онлайн-встречам Как CMO, PR и digital-маркетологам повысить результативн…","articleBody":"Гайд для маркетологов по эффективным онлайн-встречам\n\nКак CMO, PR и digital-маркетологам повысить результативность брейнштормов, совещаний и планерок с командой с помощью онлайн-встреч?\n\nГайд МТС Линк: 37 страниц полезных материалов, чек-листов и кейсов для эффективных видеовстреч и совещаний.\n\n✅ В гайде:\n\n- Как создать постоянную ссылку на регулярные встречи с подрядчиками, командой или агентствами и подключаться в 2 клика;\n- Как управлять встречей и завершить ее четкими договоренностями с ИИ-расшифровкой голоса в текст;\n- Как проводить кастдевы, брейнштормы и формулировать гипотезы с помощью 15+ шаблонов в онлайн-досках МТС Линк;\n- Как разом пригласить всех участников на синк таким образом, чтобы все пришли.\n\nБонус внутри: 5 способов не выгореть от бесконечных синков.\n\n✨ Скачайте гайд бесплатно по ссылке \n\nСкачать\n\n#реклама 16+\nmts-link.ru\nО рекламодателе","datePublished":"2025-10-24T11:38:40Z","dateModified":"2025-10-26T10:08:11Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/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":1546}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2070","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2070","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2070","headline":"🤔 Как работает settimeout? Функция setTimeout используется для выполнения кода или функции спустя заданный ин…","articleBody":"🤔 Как работает settimeout?\n\nФункция setTimeout используется для выполнения кода или функции спустя заданный интервал времени, однократно. Она является частью Web API в браузерах и глобального объекта global в Node.js, что делает её доступной для использования в любом окружении.\nlet timeoutID = setTimeout(function[, delay, arg1, arg2, ...]);\nlet timeoutID = setTimeout(functionCode[, delay]);\n\n\nfunction: Будет вызвана после задержки.\nfunctionCode: Строка кода для выполнения (использование этой формы не рекомендуется по соображениям безопасности).\ndelay: Задержка в миллисекундах, после которой будет выполнена функция. Если не указать, по умолчанию будет использовано значение 0.\narg1, arg2, ...: Аргументы, которые будут переданы в функцию при её вызове.\nfunction sayHello() {\n console.log('Привет!');\n}\n\n// Вызывает функцию sayHello после задержки в 2000 миллисекунд (2 секунды)\nsetTimeout(sayHello, 2000);\n\n🚩Отмена выполнения setTimeout\n\nВызов ее возвращает идентификатор таймера, который можно использовать для отмены выполнения с помощью функции clearTimeout.\nlet timerId = setTimeout(sayHello, 2000);\n\n// Отменяет выполнение\nclearTimeout(timerId);\n\n🚩Особенности поведения\n\n🟠Минимальная задержка\nВ HTML5 спецификация предусматривает минимальную задержку в 4ms для вложенных таймеров и в некоторых других случаях, что может повлиять на ожидаемое время выполнения.\n🟠Задержка в неактивных вкладках\nБраузеры могут изменять поведение таймеров для неактивных вкладок для оптимизации производительности и энергопотребления. Это может привести к значительно большей задержке, чем указано.\n🟠Асинхронность\nsetTimeout не блокирует выполнение кода, который следует за ним. Он лишь запланирует выполнение функции на будущее, позволяя остальному коду продолжать выполняться без ожидания.\n\nСтавь 👍 и забирай 📚 Базу знаний","datePublished":"2025-10-24T09:05:40Z","dateModified":"2025-10-24T09:05:40Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/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":2447},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":4},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":8}]}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2069","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2069","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2069","headline":"🤔 Как взаимодействуешь с Event Loop? Через: - setTimeout, setInterval; - fetch, Promise, async/await; - событ…","articleBody":"🤔 Как взаимодействуешь с Event Loop?\n\nЧерез:\n- setTimeout, setInterval;\n- fetch, Promise, async/await;\n- события DOM.\n\nСтавь 👍 если знал ответ, 🔥 если нет\nЗабирай 📚 Базу знаний","datePublished":"2025-10-23T16:10:42Z","dateModified":"2025-10-23T16:10:42Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/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":2376},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":19},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":8}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2068","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2068","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2068","headline":"Бесплатный курс по дизайну в FIGMA от Yudaev School Онлайн-программа с наставником и чатом. Внимание! 80% пра…","articleBody":"Бесплатный курс по дизайну в FIGMA от Yudaev School\n\nОнлайн-программа с наставником и чатом. \n\nВнимание! 80% практики.\n\n✅По результату обучения у вас будет портфолио из нескольких работ.\n✅Сертификат о прохождении курса.\n✅Возможность пройти полное обучение и получить карьерное сопровождение!\n\nУчитесь дизайну у профессионалов в Yudaev Shool. \n\nПереходите по кнопки: \"Подробнее\" и начинайте свое обучение.\nДоступ 0 руб. \n\nУзнать больше\n\n#реклама 16+\nyudaevschool24.online\nО рекламодателе","datePublished":"2025-10-23T12:06:01Z","dateModified":"2025-10-25T10:06:06Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/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":1588}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2067","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2067","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2067","headline":"🤔 Как изменить направление оси flexbox контейнера? Чтобы изменить направление оси flexbox-контейнера, нужно и…","articleBody":"🤔 Как изменить направление оси flexbox контейнера? \n\nЧтобы изменить направление оси flexbox-контейнера, нужно использовать свойство CSS flex-direction. Это свойство определяет основную ось контейнера и направление размещения flex-элементов. \n\n🚩Возможных значения flex-direction\n\n🟠row:\n Основная ось — горизонтальная, элементы располагаются слева направо. Это значение по умолчанию.\n🟠row-reverse:\nОсновная ось — горизонтальная, элементы располагаются справа налево.\n🟠column: \nОсновная ось — вертикальная, элементы располагаются сверху вниз.\n🟠column-reverse: \nОсновная ось — вертикальная, элементы располагаются снизу вверх.\n\n🚩Примеры использования:\n\nГоризонтальное направление (слева направо):\n.container {\n display: flex;\n flex-direction: row; /* или просто не указывать, так как это значение по умолчанию */\n}\n\nГоризонтальное направление (справа налево):\n.container {\n display: flex;\n flex-direction: row-reverse;\n}\n\nВертикальное направление (сверху вниз):\n.container {\n display: flex;\n flex-direction: column;\n}\n\nВертикальное направление (снизу вверх):\n.container {\n display: flex;\n flex-direction: column-reverse;\n}\n\nПример HTML и CSS:\n\n\n\n \n \n \n \n\n\n \n\n\n\nСтавь 👍 и забирай 📚 Базу знаний","datePublished":"2025-10-23T09:05:39Z","dateModified":"2025-10-23T09:05:39Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/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":2376},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":6},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2066","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2066","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2066","headline":"Где вести задачи и проекты? В Битрикс24 ✅ Бесплатный онлайн-сервис для бизнеса и совместной работы. — Удобный…","articleBody":"Где вести задачи и проекты?\n\nВ Битрикс24 ✅\nБесплатный онлайн-сервис для бизнеса и совместной работы.\n— Удобный планировщик задач для всей команды с чек-листами и комментариями.\n— Популярные проектные методики: канбан, скрам, диаграмма ганта.\n— Видеозвонки в один клик из чата.\n— Календарь и слоты для совместного планирования.\n— Умный ИИ-помощник для постановки четких тз.\n\nПолный комплект для эффективности вашей команды.\nСтавьте первую задачу прямо сейчас⚡ \n\nНачать\n\n#реклама 16+\ntask-24.bitrix24.ru\nО рекламодателе","datePublished":"2025-10-23T00:16:55Z","dateModified":"2025-10-24T22:29:24Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/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":1530}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2065","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2065","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2065","headline":"🤔 Как проверить, что куки включены? Можно: - Программно — попробовать установить cookie и затем прочитать его…","articleBody":"🤔 Как проверить, что куки включены?\n\nМожно:\n- Программно — попробовать установить cookie и затем прочитать его;\n- В JavaScript — через navigator.cookieEnabled (возвращает true/false).\n\nСтавь 👍 если знал ответ, 🔥 если нет\nЗабирай 📚 Базу знаний","datePublished":"2025-10-22T16:10:39Z","dateModified":"2025-10-22T16:10:39Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/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":2290},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":14},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":7}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2064","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2064","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2064","headline":"👩‍💻 Frontend вакансии всех грейдов: удалёнка, реклок, щедрый оффер! Только с прямыми контактами в Telegram! Н…","articleBody":"👩‍💻 Frontend вакансии всех грейдов: удалёнка, реклок, щедрый оффер!\n\nТолько с прямыми контактами в Telegram! Ноль автоотказов — живой диалог и быстрые объективные решения.\n\n👩‍💻 Frontend 👩‍💻 Node.js\n\n👩‍💻 Python 👣 Go\n\n🤖 ML & DS 👩‍💻 DevOps\n\n👩‍💻 C# 👩‍💻 Java\n\n🔎 QA 🖥 SQL\n\n👩‍💻 UX/UI 🖼️ PHP\n\n👩‍💻 Mobile 📋 Analyst\n\n💼 1C 👨‍✈️ CyberSec\n\n👩‍💻 IT HR \n\nПодпишись чтобы не упустить свой шанс получить лучший оффер!","datePublished":"2025-10-22T14:00:15Z","dateModified":"2025-10-24T14:00:22Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/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":1651},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2063","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2063","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2063","headline":"⏳ Осталось 20 мест Акция со скидкой 50% для первых 500 пользователей easyoffer подходит к концу 🔥 Узнай вопро…","articleBody":"⏳ Осталось 20 мест\n\nАкция со скидкой 50% для первых 500 пользователей easyoffer подходит к концу\n\n🔥 Узнай вопросы и задачи с собеседований в конкретных компаниях\n\n🔥 Получи лучшие ответы и видео-примеры от middle/senior специалистов\n\n🔥 Обходи фильтры ATS, добавив топ30 ключевых слов в свое резюме\n\n🔥 Экономь время с помощью автоматических откликов\n\n🔥 Подготовься идеально к интервью с тренажёрами и симуляторами\n\nУспей забрать место по акции: 👉 https://easyoffer.ru/pro","datePublished":"2025-10-22T10:09:16Z","dateModified":"2025-10-24T05:33:19Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/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":1210},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}],"sharedContent":{"@type":"SocialMediaPosting","datePublished":"2025-10-22T10:09:07Z"}}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2062","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2062","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2062","headline":"🤔 Опасности использования `innerHTML` в JavaScript innerHTML – это свойство, которое позволяет вставлять HTML…","articleBody":"🤔 Опасности использования `innerHTML` в JavaScript\n\ninnerHTML – это свойство, которое позволяет вставлять HTML-код внутрь элемента как строку. Однако оно небезопасно и может привести к серьезным проблемам. \ndocument.getElementById(\"content\").innerHTML = \"

Привет!

\";\n\n🟠Уязвимость: XSS-атаки (внедрение вредоносного кода) \nЕсли innerHTML получает данные от пользователя (например, из формы или URL), хакер может вставить вредоносный JavaScript-код. \nconst userInput = \"\";\ndocument.getElementById(\"content\").innerHTML = userInput;\n\n🟠Проблемы с безопасностью CSP (Content Security Policy) \nЕсли в веб-приложении включена CSP (защита от XSS), то innerHTML может нарушать политику безопасности. \n\n\n🟠Случайное удаление обработчиков событий \nЕсли заменить содержимое элемента через innerHTML, все обработчики событий внутри него удалятся. \ndocument.getElementById(\"btn\").addEventListener(\"click\", () => {\n alert(\"Нажато!\");\n});\n\ndocument.getElementById(\"container\").innerHTML = \"Клик\";\ndocument.getElementById(\"btn\").click(); // Ошибка, обработчик удален\n\nСтавь 👍 и забирай 📚 Базу знаний","datePublished":"2025-10-22T09:05:39Z","dateModified":"2025-10-22T09:05:39Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/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":2452},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":4},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":7}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2061","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2061","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2061","headline":"🤔 Как работают плавающие элементы (floats)? При установке float: left или float: right: - элемент вырывается…","articleBody":"🤔 Как работают плавающие элементы (floats)?\n\nПри установке float: left или float: right:\n- элемент вырывается из нормального потока документа;\n- соседние элементы (особенно текст) обтекают его;\n- родитель может \"не заметить\" плавающий элемент, если не применить очистку (clearing).\n\nСтавь 👍 если знал ответ, 🔥 если нет\nЗабирай 📚 Базу знаний","datePublished":"2025-10-21T16:10:39Z","dateModified":"2025-10-21T16:10:39Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/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":2310},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":9},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":5}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2060","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2060","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2060","headline":"🤔 Какое событие сработает при потери фокуса элементом формы? Событие, которое срабатывает при потере фокуса э…","articleBody":"🤔 Какое событие сработает при потери фокуса элементом формы?\n\nСобытие, которое срабатывает при потере фокуса элементом формы, называется blur.\n\n🚩Почему нужно событие `blur`?\n\nСобытие blur используется для выполнения действий, когда пользователь перестает взаимодействовать с элементом ввода. Например: Проверка корректности данных (валидация) после того, как пользователь заполнил поле.\nАвтоматическое сохранение введенных данных при переходе на другой элемент формы.\nСкрытие вспомогательной информации (например, подсказок) при уходе с элемента.\nblur помогает реализовать логику, связанную с завершением работы с конкретным элементом формы.\n\n🚩Как оно работает?\n\nblur срабатывает, когда элемент теряет фокус, то есть пользователь:\nКликнул на другой элемент.\nНажал клавишу Tab, чтобы перейти на следующий элемент.\nВ отличие от события focus, которое возникает при получении фокуса, blur позволяет отследить момент завершения работы с элементом.\n\n🚩Как использовать `blur`?\n\nСобытие можно обрабатывать с помощью:\n1. HTML-атрибутов (например, onblur).\n2. JavaScript через метод addEventListener.\n\nПример на практике\n\n\n\n \n \n \n \n\n\n

\n Введите имя:\n \n Отправить\n

\n\n\n\n🚩Особенности события `blur`\n\n🟠Не всплывает\nСобытие blur не поддерживает всплытие (то есть не распространяется вверх по дереву DOM). Если нужно отслеживать потерю фокуса на уровне родительских элементов, используется делегирование с помощью события focusout.\n \n // Работает только для конкретного элемента\n element.addEventListener(\"blur\", handler);\n\n // Для делегирования используют focusout\n parentElement.addEventListener(\"focusout\", handler);\n \n\n🟠Отличие от `change`\nСобытие change срабатывает только после изменения значения элемента и потери фокуса, тогда как blur срабатывает в любом случае при потере фокуса, независимо от того, менялось ли значение.\n\nСтавь 👍 и забирай 📚 Базу знаний","datePublished":"2025-10-21T09:05:39Z","dateModified":"2025-10-21T09:05:39Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/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":2411},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":15},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":12}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2059","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2059","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2059","headline":"CRM, которая помогает управлять отделом продаж Что делает Битрикс24 CRM: – ставит задачи менеджерам автоматич…","articleBody":"CRM, которая помогает управлять отделом продаж\n\nЧто делает Битрикс24 CRM:\n– ставит задачи менеджерам автоматически\n– интегрируется с 1С и онлайн-кассами\n– показывает, где теряются деньги\n– возвращает клиентов и ищет повторные продажи\n– помогает руководителю контролировать процессы.\n\nБитрикс24 CRM работает на результат.\nРегистрируйтесь бесплатно \n\nЗарегистрироваться\n\n#реклама 16+\nbitrix24.ru\nО рекламодателе","datePublished":"2025-10-21T03:15:35Z","dateModified":"2025-10-23T01:19:03Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/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":1578}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2058","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2058","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/2058","headline":"🤔 Какие есть способы автоматизации в React? - Сборка через Create React App, Vite или Next.js. - Тестирование…","articleBody":"🤔 Какие есть способы автоматизации в React?\n\n- Сборка через Create React App, Vite или Next.js.\n- Тестирование через Jest, React Testing Library, Cypress.\n- Линтинг и форматирование через ESLint, Prettier.\n- Документирование через Storybook.\n- CI/CD через GitHub Actions, GitLab CI и др.\n\nСтавь 👍 если знал ответ, 🔥 если нет\nЗабирай 📚 Базу знаний","datePublished":"2025-10-20T16:10:37Z","dateModified":"2025-10-20T16:10:37Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/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":2418},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":14},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":14}]}}]}