JavaScript'er

Щоразу одне й те саме 😃 JavaScript'еr

CSS border values Ти не знаєш JavaScript

🛠 Short-circuit логіка (&& / ||) — прості умови без if У JS оператори && і || дозволяють скорочено виконувати дії або присвоювати значення, замінюючи прості if-умови. Це робить код коротким і легким для читання.

const loggedIn = true;
loggedIn && console.log("Welcome!"); // Welcome!

const input = "";
const name = input || "Anon";
console.log(name); // Anon

&& виконує праву частину тільки якщо ліва істинна, а || повертає перше істинне значення. Це зручно для швидких перевірок і присвоєнь, економлячи зайві рядки коду. JavaScript'еr

Властивість shape-outside Визначає форму, навколо якої має обтікати сусідній вбудований вміст. Зазвичай це робиться для того, щоб текст міг перемальовуватися по такій фігурі, як коло, еліпс або багатокутник

.column--left .shape {
  float: right;
  shape-outside: circle(100px at 100% 50%);
}

Підбірка прикладів використання цієї властивості: натисніть JavaScript'еr

Автоматичне заповнення вводу Елемент HTML <datalist> містить набір опцій (<option></code)), доступних для вибору. Вибране значення буде встановлено для елемента <input> - Різниця між <select> і <datalist> : Крім функції автодоповнення елемента <datalist>, основна відмінність між <select> і цим тегом полягає в тому, що в елементі <select> не можна вибрати або вказати значення, якого немає у списку запропонованих JavaScript'еr

🎯 Map — ефективне зберігання ключ-значення Map дозволяє зберігати пари ключ-значення з швидким доступом до даних, на відміну від звичайних об’єктів ключі можуть бути будь-якого типу, а порядок елементів зберігається.

const map = new Map();
map.set("a", 1);
map.set("b", 2);
console.log(map.get("a")); // 1

Це ідеально підходить для кешування, підрахунку частоти елементів або швидкого пошуку, коли важлива точність і порядок даних. JavaScript'еr

Натрапив тут на цікавий матеріал про те, як працюють черги в контексті HTTP-запитів Аналізуються основні стратегії черг: FIFO, LIFO, пріоритетні, а також активне управління чергами Усе це інтерактивно: можна натискати і дивитися, як все це працює в реальному часі Берете посилання: https://encore.dev/blog/queueing JavaScript'еr

Блін, я хочу дізнатися, що це за додаток JavaScript'еr

Перетворіть свій TypeScript-код на візуальні діаграми Цей інструмент з відкритим кодом дозволяє вставити будь-який TS-файл і миттєво перетворити його на акуратну візуальну діаграму всіх ваших інтерфейсів, типів, класів і зв'язків Відмінно підходить для навчання, розуміння нової кодової бази і пояснення вашої архітектури комусь без необхідності щось малювати вручну 👍 GitHub: tsdiagram JavaScript'еr

Шпаргалка по CSS JavaScript'еr

some-icons Іконки соцмереж фарбуються, коли на них наводять курсор миші. Реалізовано за допомогою SCSS. ⤷ Забрати код JavaScript'еr

GPU Hot Коли доводиться стежити за кількома GPU-серверами, підключаючись до кожної машини по SSH, постійно переключатися між ними — то ще те задоволення. GPU Hot — опенсорс-утиліта, яка вирішує цю проблему. З нею можна моніторити та керувати всіма GPU прямо з браузера, в єдиному інтерфейсі. Інструмент вміє не лише в реальному часі показувати стан усіх відеокарт на одній машині, а й працювати в кластерному режимі, збираючи дані з усього парку серверів. Вся інформація виводиться у вигляді наочних графіків і таблиць. 📁 Language: #JavaScript 57.3%, #Python 28.5% ⭐️ Зірки: 646 ➡️ Посилання на GitHub JavaScript'еr

Порада по CSS: Селектор атрибутів, нечутливий до регістру Ми можемо додати i до селектора атрибутів, щоб він вибирав елементи з цим значенням атрибута без урахування регістру JavaScript'еr

Після 12 місяців вивчення HTML я з гордістю можу сказати... що нарешті навчився вирівнювати div по центру. JavaScript'еr

Ви коли-небудь замислювалися, чому Vite використовує порт 5173? Насправді це слово VITE, зашифроване певним чином:

V → 5 (римська цифра) I → 1 (римська цифра) T → 7 E → 3

Зберіть разом – отримаєте 5173 JavaScript'еr

Ви коли-небудь замислювалися, чому Vite використовує порт 5173? Насправді це слово VITE, зашифроване певним чином:

V → 5 (римська цифра) I → 1 (римська цифра) T → 7 E → 3

Зберіть разом – отримаєте 5173 JavaScript'еr