JavaScript Tests

🖥 Несколько супер-полезных однострочников на JS ⏩Проверить, является ли путь относительным const isRelative = (path) => !/^([a-z]+:)?[\\/]/i.test(path); isRelative('/foo/bar/baz'); // false isRelative('C:\\foo\\bar\\baz'); // false isRelative('foo/bar/baz.txt'); // true isRelative('foo.md'); // true ⏩Проверить, является ли строка шестнадцатеричным цветом const isHexColor = (color) => /^#([0-9A-F]{3}|[0-9A-F]{4}|[0-9A-F]{6}|[0-9A-F]{8})$/i.test(color); isHexColor('#012'); // true isHexColor('#A1B2C3'); // true isHexColor('012'); // false isHexColor('#GHIJKL'); // false ⏩Подсчитать количество разных дней между двумя датами const diffDays = (date, otherDate) => Math.ceil(Math.abs(date - otherDate) / (1000 * 60 * 60 * 24)); diffDays(new Date('2014-12-19'), new Date('2020-01-01')); // 1839 ⏩Скопировать в буфер обмена const copyToClipboard = (text) => navigator.clipboard.writeText(text); copyToClipboard("Hello World");

🔴 Тестовое собеседование с ТимЛидом Frontend-разработки в этот четверг 6 августа(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика. Как это будет: 📂 Алексей Романов, Teamlead в Underhood.dev с опытом 6+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу 📂 Алексей будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью 📂 В конце можно будет задать любой вопрос Алексею Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы. Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot Реклама. О рекламодателе.

JavaScript. Что будет выведено в консоль? Ответ

JavaScript. Что будет выведено в консоль? Ответ

📱 Что будет выведено в консоль?

Что выведет этот код? console.log("A") setTimeout(() => console.log("B"), 0) Promise.resolve().then(() => console.log("C")) console.log("D") A D C B Разбор по шагам. • Сначала выполняется синхронный код (Call Stack): • console.log("A") → выводит A • setTimeout(..., 0) → колбэк отправляется в macrotask queue • Promise.resolve().then(...) → колбэк отправляется в microtask queue • console.log("D") → выводит D После этого основной поток завершён. Затем Event Loop обрабатывает microtasks (они имеют более высокий приоритет): выполняется Promise → выводит C И только потом выполняются macrotasks: • setTimeout → выводит B Итоговый порядок выполнения: Sync → Microtasks (Promise) → Macrotasks (setTimeout) Если кратко: Promise всегда выполнится раньше setTimeout, даже если timeout = 0.

JavaScript. Использование Object.defineProperty для настройки свойств Object.defineProperty() позволяет настроить атрибуты свойства, такие как writable, configurable и enumerable.

🔥 Полезная подборка каналов только код, практика и самые передовые инструменты, которые используют разработчики прямо сейчас.👇 🖥 ИИ: t.me/ai_machinelearning_big_data 🖥 Python: t.me/pythonl 🖥 Linux: t.me/linuxacademiya 🖥 C++ t.me/cpluspluc 🖥 Docker: t.me/DevopsDocker 🖥 Хакинг: t.me/linuxkalii 🖥 Devops: t.me/DevOPSitsec 👣 Golang: t.me/Golang_google 🖥 Аналитика: t.me/data_analysis_ml 🖥 Javascript: t.me/javascriptv 🖥 C#: t.me/csharp_ci 🖥 Java: t.me/javatg 🖥 Базы данных: t.me/sqlhub 👣 Rust: t.me/rust_code 🤖 Технологии: t.me/vistehno 💰 Экономика и инвестиции в ИИ t.me/financeStable 💼 Актуальные вакансии: t.me/addlist/_zyy_jQ_QUsyM2Vi 🖥 Chatgpt бот в тг: t.me/Chatgpturbobot 📚 Бесплатные ит-книги: https://t.me/addlist/HwywK4fErd8wYzQy 🖥Подборка по Golang: https://t.me/addlist/MUtJEeJSxeY2YTFi ⚡️ Лучшие ИИ ресурсы: https://t.me/addlist/2Ls-snqEeytkMDgy Самое лучшее в этом: ты учишься даже тогда, когда “нет времени, просто потому что читаешь правильную ленту.

📱 Что будет выведено в консоль?

JavaScript. Что будет выведено в консоль? Ответ

JavaScript. Что будет выведено в консоль? Ответ

JavaScript. Что будет выведено в консоль? Ответ

❓ Зачем нужен атрибут contenteditable в HTML и когда его использовать? Атрибут contenteditable позволяет сделать любой HTML-элемент редактируемым прямо на странице. Это полезно для создания текстовых редакторов, заметок или интерфейсов без использования дополнительных полей ввода. ✅ Пример: <div contenteditable="true">Нажми сюда и начни редактировать текст</div> 📌 В этом примере пользователь сможет кликнуть на блок и изменить его содержимое прямо в браузере. contenteditable удобно использовать для быстрой реализации функций редактирования текста без сложных форм и без дополнительной логики обработки полей ввода.

JavaScript. Что будет выведено в консоль? Ответ

JavaScript. Что будет выведено в консоль? Ответ