CodeBase | Frontend
2.19K subscribers
440 photos
185 videos
7 files
691 links
Все самое интересное и полезное у нас 😎

Контакт: @Filgood777 (реклама, сотрудничество)
Download Telegram
😁61👍1🫡1
Forwarded from Linux Club
This media is not supported in your browser
VIEW IN TELEGRAM
🚀 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 ©
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🤝1
⚙️ Что такое атрибут readonly в HTML и зачем он используется?

Атрибут readonly применяется к элементам формы, делая их доступными только для чтения.

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


➡️ Пример:

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


🗣️ Почему полезно:

• Позволяет показать данные без возможности редактирования
• Значение всё равно отправляется вместе с формой
• Отличие от disabled: поле остаётся активным и копируемым

readonly часто применяют в профилях, админках и формах редактирования.

CodeBase | Frontend | #Основы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
🖥 Делегирование событий в JavaScript: когда обычного всплытия недостаточно

Покажу делегирование событий: вместо сотни слушателей — один на контейнер. Всплытие/захват, target.matches, камни и профит для памяти и FPS. Примеры.

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
3
⚡️⚡️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 - Бесплатные андроид премиум приложения.
Please open Telegram to view this post
VIEW IN TELEGRAM
1
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️SVG background animation — Медленный круговорот звёздного неба в качестве фона для вашего сайта.

Технологии: CSS

🔗 Ссылка

CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥21
⚙️ Что такое свойство 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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥2😁21
Джуны — всё, ИИ победил. Так думают те, кто верит бредовым заголовкам СМИ. На самом деле нейросети до сих пор делают глупейшие ошибки даже в простых вопросах. И жутко косячат в сложных.

При этом работодатели платят баснословные суммы тем, кто умеет исправлять «косяки» нейронок. А без глубокого знания кода это невозможно.

Так что если хотите кататься, как сыр в масле — учитесь программировать. Даже курсы покупать не надо, просто читайте ведущих спецов на рынке и быстро освоите всё, за что компании платят сотни тысяч:

Фронтенд разработка
Data Science и Machinelearning
QA-тестировщики
xCode - журнал об IT и технологиях
Node js
Вёрстка
Питон и нейросети
3
🖥 SRE на Frontend`е

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


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

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️Glitch Experiment — Красивый эффект для текста.

Технологии: CSS и JS

🔗 Ссылка

CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31
⚡️⚡️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 - Бесплатные андроид премиум приложения.
Please open Telegram to view this post
VIEW IN TELEGRAM
2
👩‍💻 Метод 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
Please open Telegram to view this post
VIEW IN TELEGRAM
5👍2
🖥 Вам больше не нужен JavaScript

Покажу, как CSS+HTML берут интерактив: вложенность, @starting-style, dvh/dvw, :has(), переходы — меньше JS, больше скорости и красоты. Примеры, гайды

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
😁4👍2
Он тимлид в российском бигтехе! Но ещё с универа мечтает о переезде в Лондон!

Он отправил уже несколько тысяч откликов на вакансии! Позади — сотни собеседований и столько же отказов 😳

Какое-то время он даже жил в лесу, чтобы ничего не отвлекало его от подготовки к интервью.

Он 14 лет в ИТ: писал сервисы, менеджерил команды, ломал монолиты и собирал новые 😅

Он видел всё — и даже то, чего не стоило бы видеть.

Весь свой опыт, знания и советы он публикует в своём канале, говорит простым и понятным языком.

Подпишись на его канал @artur_speaking

Узнай первым о том, что тебя ждёт впереди, чтобы оставить конкурентов далеко позади, добраться до самых вершин карьеры — и наказать своих врагов и завистников 💀
Please open Telegram to view this post
VIEW IN TELEGRAM