CodeBase | Frontend

👩‍💻 Метод flat() в JavaScript и как он используется Метод flat() "разворачивает" вложенные массивы в один уровень. По умолчанию — на один уровень, но можно задать глубину вручную. ➡️ Пример:

const nested = [1, [2, 3], [4, [5, 6]]];

console.log(nested.flat());       // [1, 2, 3, 4, [5, 6]]
console.log(nested.flat(2));      // [1, 2, 3, 4, 5, 6]

🗣️ В этом примере: • Очистке вложенных структур • Объединении данных с API • Упрощении перебора и фильтрации

flat() работает только с массивами. Для удаления пустых значений можно сочетать с .filter(Boolean)

CodeBase | Frontend | #JS

❌ Банят домены? Есть решение! FastAnalyze выявит угрозы, устранение которых позволит избежать блокировки сайта. Типы проверок: — Анализ на вредоносность — Анализ SEO — Рекламное соответствие — Технический анализ — Анализ удобства — AI анализ 🔎 Проверить сайт - @FastAnalyzeBot

📚 Physics.Math.Code — лучший канал для физиков, математиков, инженеров и разработчиков: @physics_lib 👨🏻‍💻 ▪️ Актуальная и самая свежая литература по техническим предметам, программированию и IT ▪️ Видеоуроки по физике, математике и программированию ▪️ Обсуждения и разборы интересных задач 💡 Что почитать по статистике, чтобы начать её понимать? 📚 Подборка по математике для поступающих в ВУЗы ⚡️ Подборка по физике для поступающих в ВУЗы 🌀 Подборка: 20 книг по алгоритмам и структурам данных 🐧 Подборка по Linux: 40 книг

#выгорание 🦥Ленивый программист ©

🦥Ленивый программист ©

⚙️ CDN (Content Delivery Network) помогает ускорить загрузку HTML-страниц за счет распределения статических ресурсов (CSS, JavaScript, изображения) по серверам, расположенным ближе к пользователю. Для подключения CDN достаточно заменить локальные ссылки на файлы на URL-адреса, предоставляемые CDN. Например, для Bootstrap:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

Использование CDN уменьшает нагрузку на сервер и ускоряет доставку контента, так как файлы кэшируются и загружаются с ближайшего сервера сети. CodeBase | Frontend | #Основы

🟥 CDN (Content Delivery Network) помогает ускорить загрузку HTML-страниц за счет распределения статических ресурсов (CSS, JavaScript, изображения) по серверам, расположенным ближе к пользователю. Для подключения CDN достаточно заменить локальные ссылки на файлы на URL-адреса, предоставляемые CDN. Например, для Bootstrap:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

Использование CDN уменьшает нагрузку на сервер и ускоряет доставку контента, так как файлы кэшируются и загружаются с ближайшего сервера сети. п

🟢Подборка каналов для технарей от наших друзей: 📱https://t.me/Geek_book_hub - Бесплатная библиотека с книгами - программирование, электроника, айти. 📱https://t.me/club_arduino - Мемы и полезные материалы для ардуинщика, электронщика, DIY'щика. 📱https://t.me/forprinting3D - Если у тебя есть 3д принтер, тогда тебе сюда, тут лучшие модели и идеи для печати. 📱 https://t.me/Ali_radio_top - Лучшие предложения, скидки и акции с алиэкспресс. 📱 https://t.me/Pirate_Gram - Бесплатные андроид премиум приложения.

🤩Хотите, чтобы ваши React-приложения не просто работали, а вызывали вау-эффект? Присоединяйтесь к открытому уроку «Анимируем React: от нуля до вау-эффекта» 12 августа в 20:00 МСК. Мы покажем, как создать живые, отзывчивые интерфейсы с помощью библиотеки анимаций Framer Motion и API Intersection Observer. Разберём, как добавить современный UX без перегрузки сторонними библиотеками, чтобы каждый элемент интерфейса был динамичным и запоминающимся. Освойте практические подходы и техники, которые используют профессионалы для создания визуально выразительных интерфейсов. Получите знания, которые значительно улучшат ваш опыт в React. ⚡️Присоединяйтесь к открытому вебинару и получите скидку на курс «React.js Developer»: https://otus.pw/DxU9/?erid=2W5zFJN7hVi Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

➡️ Цикл for...of используется для итерации по элементам итерируемых объектов, таких как массивы, строки, Map, Set и другие. В отличие от for...in, который перебирает ключи, for...of работает непосредственно со значениями. Синтаксис:

const arr = [1, 2, 3];
for (const item of arr) {
  console.log(item); // Выводит 1, 2, 3
}

Цикл for...of упрощает работу с коллекциями, исключая необходимость вручную управлять индексами. Он поддерживает break и continue для управления потоком выполнения. Подходит для работы с массивами и другими итерируемыми структурами, где важны значения элементов. CodeBase | Frontend | #JS

😱 Доказано. Нейросети снижают твою продуктивность. Как так? Узнаешь в моём канале про Python и IT. Публикую мемы о dev-кошмарах, свежие новости AI, советы по кодингу, разбор актуальных инструментов. Не мучайся в одиночку — подписывайся за ежедневной дозой пользы! 🚀

will-change — это CSS-свойство, которое указывает браузеру, какие свойства элемента могут измениться в будущем, позволяя заранее оптимизировать рендеринг.

.element {
  will-change: transform, opacity;
}

Использовать его стоит только для элементов, анимация или изменение которых вызывает заметные лаги. Чрезмерное применение will-change увеличивает потребление памяти, поэтому его следует включать непосредственно перед анимацией и отключать после. CodeBase | Frontend | #CSS

will-change — это CSS-свойство, которое указывает браузеру, какие свойства элемента могут измениться в будущем, позволяя заранее оптимизировать рендеринг.

.element {
  will-change: transform, opacity;
}

Использовать его стоит только для элементов, анимация или изменение которых вызывает заметные лаги. Чрезмерное применение will-change увеличивает потребление памяти, поэтому его следует включать непосредственно перед анимацией и отключать после. weecwcw

В России можно посещать IT-мероприятия хоть каждый день: как оффлайн, так и онлайн Но где их находить? Как узнавать о них раньше, чем когда все начнут выкладывать фотографии оттуда? Переходите на канал IT-Мероприятия России. В нём каждый день анонсируются мероприятия со всех городов России 📆 в канале размещаются как онлайн, так и оффлайн мероприятия; 👩‍💻 можно найти ивенты по любому стеку: программирование, frontend-backend разработка, кибербезопасность, дата-аналитика, osint, devops и другие; 🎙 разнообразные форматы мероприятий: митапы с коллегами по цеху, конференции и вебинары с известными опытными специалистами, форумы и олимпиады от важных представителей индустрии и многое другое А чтобы не искать по разным форумам и чатам новости о предстоящих ивентах: 🚀 IT-мероприятия России — подписывайся и будь в курсе всех предстоящих мероприятий!

⚙️ Операция push в Git отправляет локальные коммиты в удалённый репозиторий. 

git push <remote> <branch>

- <remote> — имя удалённого репозитория (обычно origin) - <branch> — ветка, которую нужно отправить 

git push -u origin main

Флаг -u связывает локальную ветку с удалённой для будущих push/pull без указания параметров. При конфликтах требуется предварительный pull. CodeBase | Frontend | #Git

🦥Ленивый программист