CodeBase | Frontend

👩‍💻 Метод every() в JavaScript и как он используется Метод every() проверяет, удовлетворяют ли все элементы массива заданному условию.

Возвращает true, если условие выполняется для каждого элемента, иначе false.

➡️ Пример:

const numbers = [2, 4, 6, 8];

const allEven = numbers.every(num => num % 2 === 0);
console.log(allEven); // true

🗣️ В этом примере: • every() проверяет все числа на чётность • Возвращает true, так как все элементы подходят • Полезен для валидации данных (например, все ли поля заполнены)

every() часто используют для проверки массивов перед отправкой данных на сервер

CodeBase | Frontend | #JS

#it #джун #Сеньор 🦥Ленивый программист ©

⚡️⚡️72 актуальные нейросети в одном месте: здесь собраны лучшие ШИ-сервисы в разных категориях: 🟢Генерация картинок; 🟢Генерация видео; 🟢Написание текста; 🟢Исследования и тд. Лайк и сохраняем в избранное 📱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 - Бесплатные андроид премиум приложения.

⚡️Glitch Experiment — Красивый эффект для текста. Технологии: CSS и JS 🔗 Ссылка CodeBase | Frontend | #animate

🖥 SRE на Frontend`е

Уже есть статьи про качество кода (линты, хинты, хорошие практики), стратегии обработки ошибок (feature toggle, request retry) и UX/UI их отображения.

Это еще одна статья про разбор ошибок и аварий, но с точки зрения небольших фич фронта, которые вы можете внедрить самостоятельно и упростить свою работу, а также помочь отделу в целом. 🔗 Ссылка CodeBase | Frontend | #article

Джуны — всё, ИИ победил. Так думают те, кто верит бредовым заголовкам СМИ. На самом деле нейросети до сих пор делают глупейшие ошибки даже в простых вопросах. И жутко косячат в сложных. При этом работодатели платят баснословные суммы тем, кто умеет исправлять «косяки» нейронок. А без глубокого знания кода это невозможно. Так что если хотите кататься, как сыр в масле — учитесь программировать. Даже курсы покупать не надо, просто читайте ведущих спецов на рынке и быстро освоите всё, за что компании платят сотни тысяч: Фронтенд разработка Data Science и Machinelearning QA-тестировщики xCode - журнал об IT и технологиях Node js Вёрстка Питон и нейросети

⚙️ Что такое свойство text-transform в CSS и зачем оно используется? Свойство text-transform управляет регистром текста: можно сделать все буквы заглавными, строчными или преобразовать только первую. ➡️ Пример:

<div class="box">hello world</div>

<style>
  .box {
    font-size: 20px;
    text-transform: uppercase;
  }
</style>

🗣 В этом примере текст "hello world" будет отображён как HELLO WORLD. Популярные значения:

• none — без изменений (по умолчанию) • uppercase — все буквы заглавные • lowercase — все буквы строчные • capitalize — каждая первая буква слова заглавная

Полезно для заголовков, кнопок, меню и приведения текста к единому стилю. CodeBase | Frontend | #CSS

⚡️SVG background animation — Медленный круговорот звёздного неба в качестве фона для вашего сайта. Технологии: CSS 🔗 Ссылка CodeBase | Frontend | #animate

⚡️⚡️72 актуальные нейросети в одном месте: здесь собраны лучшие ШИ-сервисы в разных категориях: 🟢Генерация картинок; 🟢Генерация видео; 🟢Написание текста; 🟢Исследования и тд. Лайк и сохраняем в избранное 📱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 - Бесплатные андроид премиум приложения.

🖥 Делегирование событий в JavaScript: когда обычного всплытия недостаточно Покажу делегирование событий: вместо сотни слушателей — один на контейнер. Всплытие/захват, target.matches, камни и профит для памяти и FPS. Примеры. 🔗 Ссылка CodeBase | Frontend | #article

⚙️ Что такое атрибут readonly в HTML и зачем он используется? Атрибут readonly применяется к элементам формы, делая их доступными только для чтения.

Пользователь видит значение, но не может его изменить.

➡️ Пример:

<form>
  <label>
    Ваш ID:
    <input type="text" value="12345" readonly>
  </label>
  <button type="submit">Отправить</button>
</form>

🗣️ Почему полезно: • Позволяет показать данные без возможности редактирования • Значение всё равно отправляется вместе с формой • Отличие от disabled: поле остаётся активным и копируемым readonly часто применяют в профилях, админках и формах редактирования. CodeBase | Frontend | #Основы

#IT #ИБ #Кибербезопасность 🦥Ленивый программист ©

🚀 Linux-оптимизация процессов: 9 команд, которые реально помогают в работе

1) Закрепите процесс за ядрами → меньше миграций
taskset -pc 2-5 $PID

2) Переведите «долгие» вычисления в SCHED_BATCH (реже прерываются)
sudo chrt -b -p 0 $PID
# (Для жёстких RT-требований: sudo chrt -r -p 90 $PID — осторожно!)

3) Дайте приоритет диску для критичного процесса
sudo ionice -c1 -n0 -p $PID

4) Уменьшите NUMA-кросс-трафик (CPU и память на одном NUMA-узле)
numactl --cpunodebind=0 --membind=0 your_cmd

5) Быстро навесьте cgroup-ограничения/аффинити без юнитов
systemd-run --scope -p CPUAffinity=2-5 -p IOWeight=200 -p MemoryHigh=4G -- your_cmd

6) Поднимите лимиты без рестартов
sudo prlimit --pid $PID --nofile=65535 --nproc=4096

7) Поймайте узкое место за 10 секунд
sudo perf stat -d -p $PID -- sleep 10

😍 Посмотрите по-поточную нагрузку и ожидания (I/O, своп, блокировки)
pidstat -wstu -p $PID 1

9) Диагностика «давления» ресурсов (PSI): видно, что реально тормозит
sudo tail -f /proc/pressure/{cpu,io,memory}

📌 ютубчик #linux 🐧 Linux Club ©

⚡️Shiny call-to-action button — Анимированная кнопка с эффектом при наведении. Технологии: CSS 🔗 Ссылка CodeBase | Frontend | #animate