JavaScript'er

Зверніть увагу, що в правильному прикладі фішки миттєво переміщуються на нову позицію, коли одна з фішок видаляється. Це відбувається через режим popLayout в AnimatePresence з motion/react, який забезпечує більш плавну та швидку анімацію при видаленні елемента JavaScript'еr

Порада щодо JavaScript 💡 Для кращої відладки використовуйте іменовані вирази стрілочних функцій для критичних/часто використовуваних зворотних викликів ✅ Ти не знаєш JavaScript

Захищаю свій Spring Boot Java-додаток, який використовує 64 ГБ оперативної пам'яті, щоб повернути { «status»: «ok» } JavaScript'еr

⏱️ Debounce через setTimeout — контроль частоти викликів Debounce дозволяє запобігти зайвим викликам функцій, коли подія відбувається часто, наприклад, при введенні тексту у поле або ресайзі вікна. Функція виконується тільки після того, як користувач припинив активність на певний час.

let timer;
input.oninput = () => {
  clearTimeout(timer);
  timer = setTimeout(() => saveData(), 300);
};

Це оптимізує UI і зменшує навантаження на браузер або сервер, роблячи роботу програми плавною і ефективною. JavaScript'еr

Card hover 2 Поява контуру карти при наведенні на неї. Реалізовано за допомогою CSS. ⤷ Взяти код JavaScript'еr

Порада щодо JavaScript 💡 Для кращої відладки використовуйте іменовані вирази стрілочних функцій для критичних/часто використовуваних зворотних викликів ✅ Ти не знаєш JavaScript

Вони називають її «найбільш індійською операційною системою за всю історію» 😂 JavaScript'еr

Горизонтальне меню з ефектом прокрутки кожної вкладки при наведенні на неї. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'еr

💡 Short-hand properties — короткі властивості об’єкта Якщо ім’я змінної збігається з назвою ключа об’єкта, можна писати коротко, без повторення ключа і значення. Це робить код чистішим і компактнішим.

const name = "Dmytro", age = 16;
const user = { name, age };
console.log(user); // {name: "Dmytro", age: 16}

Такий підхід зручно використовувати при створенні об’єктів з багатьох змінних, особливо у функціях або при передачі даних між компонентами. JavaScript'еr

Chrome DevTools тепер підтримує індивідуальне обмеження швидкості для окремих мережевих запитів JavaScript'еr

Це, мабуть, найкрутіший інструмент CSS, який я коли-небудь зустрічав 😇 Це інтерактивний конструктор CSS-анімацій, який дозволяє створювати анімації, просто наводячи курсор миші по сцені на сторінці Спробуємо тут JavaScript'еr

Вертикальні вкладки доступні за прапором у Chrome 145 (поточна бета-версія) 1. Перейдіть на chrome://flags/#vertical-tabs 2. Увімкніть прапор (встановіть Enabled) 3. Перезапустіть Chrome 4. Клацніть правою кнопкою миші на панелі вкладок і виберіть "Перемістити вкладки вбік" JavaScript'еr

Джун перед інтерв'ю прикидається, що має 5 років досвіду @itmemeua

🔍 Array.isArray — перевірка, чи це масив Array.isArray дозволяє швидко і надійно визначити, чи є значення масивом. Це особливо корисно, коли дані можуть бути різних типів і потрібно обробляти лише масиви.

const arr = [1, 2, 3];
console.log(Array.isArray(arr)); // true
console.log(Array.isArray({})); // false

Замість складних перевірок через instanceof або конструкції typeof, цей метод дає чистий і зрозумілий результат, спрощуючи роботу з даними. JavaScript'еr

Анімація меню гамбургера Крута кнопка меню, яка сильно обертається, якщо на неї натиснути. Реалізовано за допомогою CSS. ⤷ Взяти код JavaScript'еr

Поділіться своїм localhost з будь-ким за секунди через URL, доступний по всьому світу, з HTTPS

$ brew install cloudflared
$ cloudflared tunnel --url <твій-локальний-домен>

Це альтернатива ngrok. Без реєстрації і безкоштовно 👍 JavaScript'еr