Логово верстальщика

👩‍💻 Проблемы экспорта по умолчанию в модулях JavaScript Модули JavaScript — способ организации кода в многократно используемые компоненты, используемые совместно в разных файлах и проектах. Модули можно импортировать и экспортировать с помощью двух различных методов: экспорта по умолчанию и именованного экспорта. Рассмотрим экспорт по умолчанию и причины, по которым следует избегать его использования в модулях JavaScript. Читать...

👩‍💻 ISBN-10 Идентификаторы ISBN-10 состоят из десяти цифр. Первые девять символов - это цифры 0-9. Последняя цифра может быть от 0 до 9 или X, чтобы указать значение 10. Номер ISBN-10 действителен, если остаток при делении суммы произведений цифр и их позиций на 11 равен 0. Алгоритм: ISBN: 1 1 1 2 2 2 3 3 3 9 Позиция: 1 2 3 4 5 6 7 8 9 10 Это действительный ISBN, потому что: (1*1 + 1*2 + 1*3 + 2*4 + 2*5 + 2*6 + 3*7 + 3*8 + 3*9 + 9*10) % 11 = 0 Пример кода:

validISBN10("1112223339") => true
validISBN10("048665088X") => true
validISBN10("1234512345") => false
validISBN10("XXXXXXXXXX") => false
validISBN10("048665088XZ") => false

Решение задачи🔽

function validISBN10(isbn) { if (isbn.length !== 10) { return false; } let sum = 0; for (let i = 0; i < 10; i++) { let char = isbn[i]; let value; if (i === 9 && char === 'X') { value = 10; } else if (char >= '0' && char <= '9') { value = parseInt(char, 10); } else { return false; } sum += value * (i + 1); } return sum % 11 === 0; }

👩‍💻 Управление памятью JavaScript: как избежать утечек памяти и повысить производительность Если вы разрабатывали приложения, то могли сталкиваться с такой проблемой, как утечка памяти. В сегодняшней статье мы расскажем об управлении памятью в JS и о том, как не допустить ее утечек. Читать...

👩‍💻 Обрабатываем ошибки в React: полное руководство Независимо от уровня внимательности и количества написанных тестов всегда что-то может пойти не так. Рассмотрим обработку ошибок в React: что делать при их появлении, как их выявить и устранить. Читать...

👩‍💻 Как создать компонент тегов с автозаполнением на React В этом руководстве мы создадим компонент ввода тегов с автозаполнением, используя React JS без сторонних библиотек. Читать...

Дарим подписку на Яндекс Музыку Ответьте на 1 вопрос и Яндекс Музыка для вас и 3-х ваших близких 30 дней бесплатно. Кинопоиск и Яндекс Книги тоже в подписке. Попробуйте сейчас❤️ Попробовать #реклама 18+ music.yandex.ru О рекламодателе Реклама на Яндексе

🔎 Подборка вакансий для джунов Frontend-разработчик Junior/Middle 🟢JavaScript, React, TypeScript, Webpack, Docker 🟢от 80 000 до 120 000 ₽ | 1–3 года Frontend developer (React) 🟢HTML, CSS, JavaScript, SASS, React 🟢от 60 000 до 80 000 ₽ | 1–3 года Junior+ Fullstack разработчик 🟢JavaScript, Git, REST API, Битрикс24, PHP, Vue.js, API, Работа с базами данных, Адаптивная верстка, CSS, Node.js 🟢от 20 000 ₽ | 1–3 года

Бесплатный курс по дизайну в FIGMA Онлайн-программа с наставником и чатом. Осторожно! 80% практики. По результату обучения у вас будет портфолио из нескольких работ. Сертификат о прохождении курса. Возможность пройти полное обучение и получить гарантированное трудоустройство! Учитесь дизайну у профессионалов. Переходи по кнопки: "Узнать больше" и начинай свое обучение. Доступ 0 руб. Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

👩‍💻 Массив++ Учитывая массив целых чисел любой длины, верните массив, в котором единица добавлена к значению, представленному массивом. Массив не может быть пустым. Допускаются только неотрицательные однозначные целые числа. Возвращайте null для недопустимых входных данны Пример кода:

upArray([2,3,9]) => [2,4,0]
upArray([4,3,2,5]) => [4,3,2,6]
upArray([1,-9]) => null

Решение задачи🔽

function upArray(arr) { if (arr.length === 0 || arr.some(num => num < 0 || num > 9)) { return null; } for (let i = arr.length - 1; i >= 0; i--) { if (arr[i] < 9) { arr[i]++; return arr; } arr[i] = 0; } arr.unshift(1); return arr; } // Примеры использования функции console.log(upArray([2, 3, 9])); // => [2, 4, 0] console.log(upArray([4, 3, 2, 5])); // => [4, 3, 2, 6] console.log(upArray([1, -9])); // => null

🖥 15 лучших редакторов XML для продуктивной разработки XML – один из самых популярных расширяемых языков разметки. В небольшом обзоре рассказываем о редакторах, которые позволяют работать с ним наиболее эффективно. Читать...

🔝 Самые интересные статьи за последние дни: • Черт тебя возьми, CSS. Часть 3 • Как мы перенесли web-сервис в Телеграм Mini Apps • PostHog для UX-дизайнера: от анализа данных до повышения зарплаты • Пример создания Full Stack проекта, используя функциональное тестирование как инструмент дизайна • Где взять энергию? Эпидемия выгорания айтишников

В канале Selectel Newsfeed новые бесплатные курсы! Наши бесплатные курсы для специалистов всех уровней помогут разобраться в темах быстро, структурно и последовательно. Вступайте в сообщество IT-специалистов в Telegram от Selectel и развивайте новые навыки📚 Смотреть #реклама 16+ О рекламодателе

👩‍💻 Is a number prime? Определите функцию, которая принимает целочисленный аргумент и возвращает логическое значение true или false в зависимости от того, является ли целое число простым. Натуральное число, большее 1, у которого нет положительных делителей, кроме 1 и самого себя. Требования • Вы можете предположить, что вам будет предоставлен целочисленный ввод. • Вы не можете предполагать, что целое число будет только положительным. Вам • также могут быть даны отрицательные числа ( или 0 ). Пример кода:

is_prime(1)  /* false */
is_prime(2)  /* true  */
is_prime(-1) /* false */

Решение задачи🔽

function isPrime(num) { if (num <= 1) { return false; } if (num === 2) { return true; // 2 - единственное четное простое число } if (num % 2 === 0) { return false; // исключаем все четные числа, кроме 2 } // Проверка делимости от 3 до квадратного корня из num for (let i = 3; i <= Math.sqrt(num); i += 2) { if (num % i === 0) { return false; } } return true; } // Примеры использования console.log(isPrime(1)); // false console.log(isPrime(2)); // true console.log(isPrime(-1)); // false console.log(isPrime(17)); // true console.log(isPrime(18)); // false

👩‍💻 Тесты поддержки браузерами современных веб-функций на JavaScript Иногда важно знать, поддерживается ли функция браузером или нет, чтобы можно было что-нибудь предпринять. Возможно, загрузить полифилл или просто выбрать другой подход. В статье рассматриваются новые возможности браузеров и тесты их поддержки браузером. Читать...

👩‍💻 PHP 8.4: Константа E_STRICT объявлена устаревшей Поскольку все уведомления E_STRICT были преобразованы в E_NOTICE начиная с PHP 8.0, в PHP 8.4 константа E_STRICT объявлена устаревшей. Читать...

⚡️ Используй «правило 80/20» для изучения технологий Каждый раз, когда начинаешь изучать новый фреймворк или язык, кажется, что информации слишком много? 👉 Совет: сосредоточься на 20% самых часто используемых функций и принципов — они дадут 80% пользы. Изучи основные концепции, типичные паттерны и реальные кейсы. Остальное придёт с опытом.

👩‍💻 Как выбрать библиотеку для управления состоянием в Vue.js Веб-разработка тесна связана с управлением состоянием, особенно если это касается сложных структур. Рассказываем, какие библиотеки помогут в этом и какие у них есть преимущества. Читать...

🔍 Как найти утечки памяти на сайтах и в веб-приложениях Утечки памяти мешают пользователям долго работать с вашим веб-приложением – из-за них можно потерять аудиторию. Попробуем разобраться как этого издежать. Читать...

⚙️ Что такое Content Security Policy (CSP) и зачем она нужна? Content Security Policy (CSP) — это механизм безопасности, ограничивающий источники загружаемого контента на веб-странице. CSP помогает предотвращать атаки XSS и другие угрозы, задавая правила через HTTP-заголовок или <meta>. ➡️ Пример:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://apis.example.com;">
  <title>Пример CSP</title>
</head>
<body>
  <script src="https://apis.example.com/library.js"></script>
  <script>
    // Этот скрипт выполнится, так как он разрешен
    console.log("Скрипт из разрешенного источника работает.");
  </script>
  <script>
    // Этот скрипт нарушит политику CSP, так как он inline
    alert("Inline скрипт заблокирован!");
  </script>
</body>
</html>

🗣️ В этом примере политика CSP разрешает загрузку ресурсов только с того же домена ('self') и скриптов с определенного внешнего источника. Inline-скрипты и неразрешенные ресурсы будут заблокированы, повышая безопасность приложения.

🖥 Подробнее тут

👩‍💻 Паттерны для эффективного манипулирования DOM с ванильным JavaScript В руководстве рассматриваются такие шаблоны работы с DOM на JavaScript, как выбор правильного querySelector, кэширование элементов и улучшение обработки событий. Читать...