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

👩‍💻 Bit Counting Напишите функцию, которая принимает целое число в качестве входных данных и возвращает количество битов, равных единице в двоичном представлении этого числа. Пример: Двоичное представление 1234 равно 10011010010, поэтому в этом случае функция должна возвращать 5

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

function countBits(n) { return n.toString(2).split('0').join('').length; } // Примеры использования: console.log(countBits(1234)); // Вывод: 5 console.log(countBits(7)); // Вывод: 3 (двоичное представление 7 равно 111) console.log(countBits(9)); // Вывод: 2 (двоичное представление 9 равно 1001) console.log(countBits(15)); // Вывод: 4 (двоичное представление 15 равно 1111)

👩‍💻 Как работает JavaScript Proxy Раскройте для себя возможности JavaScript Proxy, углубившись в настройку операций с объектами и контроль над ними. Используя JavaScript Proxy, вы будете создавать надежные и безопасные приложения. Читать...

👩‍💻 Сбросы базовых CSS-стилей для применения в любом приложении Устали переписывать снова и снова базовые CSS-стили? Предлагаем код со сбросами, который можно вставить в корневой CSS-набор любого проекта. Читать...

👩‍💻 React Native: полное руководство по созданию виджета для домашнего экрана для iOS и Android Виджеты - это инструменты, которые делают домашний экран более привлекательным и предоставляют полезную информацию. Рассказываем, как создавать виджеты для Android и iOS и как внедрить их в приложение на React Native. Читать...

Начни монетизировать свой сайт за 24 часа с Adlook! - поддержка 24/7 - легкая установка - безопасный код - быстрые выплаты от 1000 рублей - входим в топ-5 рекламных систем рунета - работаем с 29 рекламными биржами Переходи на сайт за подробностями! Реклама. ООО "ЭДЛУК". ИНН 7802927160.

👩‍💻 Neon Clock Сцена с неоновыми часами. Сделана на SCSS и JavaScript. Открыть код...

🎯 45 вопросов для подготовки к собеседованию по React Подготовься к собеседованию на React-разработчика: собрали ключевые вопросы и ответы, которые помогут тебе уверенно пройти любое интервью. Читать...

🛠 17 топовых инструментов для фронтенда Собрали коллекцию крутых опенсорсных библиотек: тут есть всё, от графиков и диаграмм до масштабирования проектов с помощью распределенного выполнения задач и кэширования. Читать...

✨ Tailwind CSS: Как Добавить Эффектные Анимации Анимации с Tailwind CSS оживят ваш интерфейс и сделают его более динамичным. Взгляните на примеры, где показано, как настроить такие эффекты, как вращение, подпрыгивание, пульсация, переворачивание и покачивание. Читать...

👩‍💻 Find the missing letter Напишите метод, который принимает массив последовательных букв в качестве входных данных и возвращает недостающую букву в массиве. Вы всегда получите действительный массив. И в нем всегда будет отсутствовать ровно одна буква. Длина массива всегда будет составлять не менее 2. Пример кода:

['a','b','c','d','f'] -> 'e'
['O','Q','R','S'] -> 'P'

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

function findMissingLetter(array) { for (let i = 0; i < array.length - 1; i++) { // Если разница в кодах символов между текущей и следующей буквой больше 1 if (array[i].charCodeAt(0) + 1 !== array[i + 1].charCodeAt(0)) { // Возвращаем пропущенную букву return String.fromCharCode(array[i].charCodeAt(0) + 1); } } throw new Error("No missing letter found"); } // Примеры использования: console.log(findMissingLetter(['a','b','c','d','f'])); // 'e' console.log(findMissingLetter(['O','Q','R','S'])); // 'P'

День рождения онлайн-школы METHED 🥳 Прокачай свои навыки за 3 дня – присоединяйся к интенсиву!   В рамках интенсива мы сосредоточимся на разработке веб-приложения для отображения расписания автобусов в реальном времени, используя Node.js и JavaScript. Что вас ждёт на интенсиве? - Разработка серверной части с использованием Node.js и Express - Клиентская часть на JavaScript - Интеграция WebSocket и развертывание на хостинг Стартуем уже скоро, регистрируйся: https://tglink.io/942faca0c693 

👩‍💻 Абортим асинхронные задачи в JavaScript с методами AbortSignal.timeout() и AbortSignal.any() Скорее всего, ты ещё не слышал про два полезных метода в JavaScript — AbortSignal.timeout() и AbortSignal.any(). Они помогают правильно останавливать асинхронные операции и работают в большинстве веб-браузеров. Читать...

🔄 React не обязателен: 5 крутых альтернатив для фронтенда React — топовый инструмент для создания интерфейсов, но не всегда он лучший выбор. Иногда есть более простые и эффективные библиотеки и фреймворки, которые могут подойти лучше. Читать...

🔝 Самые интересные статьи за последние дни: • PHP и Laravel дайджест новостей за июль 2024 года • PWA vs Native: где приложения для iOS и Android больше никогда не пригодятся • Нагрузочное тестирование в разработке веб-приложений • Анимации Hover и эффекты Blur: Полный гид по созданию динамических карточек • Как работать удаленно, мои наблюдения и рекомендации

👩‍💻 light/dark mode Анимированное переключение светлой и темной темы. Сделано на Pug и SCSS. Открыть код...

❓ Фронтенд-разработка: чем занимаются и сколько зарабатывают специалисты Профессия фронтенд-разработчика сейчас в числе самых востребованных в IT. Разбираем базовые вопросы для тех, кто планирует стать фронтенд-разработчиком. Читать...

👩‍💻 Приложение для прогноза погоды на Vue JS В данной статье описывается созданный Vue JS проект для извлечения данных о погоде на основе местоположения, которое задает пользователь. Читать...

⚙️ Шаблоны рендеринга Next JS: полное руководство Изучите механизм выполнения, назначение, особенности использования, преимущества и ограничения каждого из основных шаблонов рендеринга. Овладение этими знаниями позволит решить многие проблемы, связанные со скоростью загрузки, поддержкой состояний, интерактивностью, обновлением данных и SEO-рейтингом страниц приложения. Читать...

👩‍💻 Data Reverse Получен поток данных, который необходимо обратить вспять. Каждый сегмент имеет длину 8 бит, что означает, что порядок этих сегментов должен быть изменен, например:

11111111  00000000  00001111  10101010
 (byte1)   (byte2)   (byte3)   (byte4)

должен стать:

10101010  00001111  00000000  11111111
 (byte4)   (byte3)   (byte2)   (byte1)

Общее количество битов всегда будет кратно 8. Данные даны в виде массива:

[1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,0,1,0,1,0,1,0]

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

function dataReverse(data) { const segmentSize = 8; const segments = []; // Разделяем массив на сегменты по 8 бит for (let i = 0; i < data.length; i += segmentSize) { segments.push(data.slice(i, i + segmentSize)); } // Обращаем порядок сегментов segments.reverse(); // Объединяем сегменты обратно в один массив return [].concat(...segments); } // Пример использования: const data = [1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,0,1,0,1,0,1,0]; const reversedData = dataReverse(data); console.log(reversedData); // Вывод: [1,0,1,0,1,0,1,0,0,0,0,0,1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1]

👩‍💻 7 GitHub-проектов, которые нужны каждому JavaScript-разработчику Прокачиваем свои навыки в JavaScript с этими семью топовыми репозиториями на GitHub. Читать...