JavaScript'er

Дещо відстають у розвитку 🤪 JavaScript'ер

🖥Menu animation 9 різних ефектів під час наведення на бургер-кнопку. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'ер

🥸У чому відмінність зберігання даних у local storage від сесій? localStorage зберігає дані безстроково, поки їх не видалять вручну, а sessionStorage зберігає дані лише на час поточної сесії браузера. JavaScript'ер

Робить вигляд, що щось розуміє 🤣 JavaScript'ер

👩‍💻CSS Battle – це інтерактивна платформа, де розробники змагаються у вирішенні завдань мінімізувати CSS-код, створюючи візуальні елементи з найменшою кількістю символів. 📌 Посилання: cssbattle.dev JavaScript'ер

💡Порада щодо Javascript JavaScript'ер

🤪Краще не видаляти, раптом щось важливе JavaScript'ер

🛡DeepCamera - це програмний стек із відкритим вихідним кодом, який розширює можливості традиційних камер спостереження та систем відеоспостереження/відеореєстраторів за допомогою технологій машинного навчання. Функції включають розпізнавання осіб, асистент у паркуванні, виявлення падінь і багато іншого. Підтримувані пристрої включають Nvidia Jetson, Raspberry Pi, Intel X64, ESP32 CAM та багато інших апаратів. 📁Мови: #JavaScript (38.5%), #Python (30.7%), #Cpp (16.6%) ⭐️ Stars: 1.9k Github'er

⭐️hover test Ефект наведення картки з появою текстового заголовка. Реалізовано з допомогою SCSS. ⤷ Забрати код JavaScript'ер

📱Шпаргалка по JavaScript JavaScript'ер

📱Шпаргалка по JavaScript JavaScript'ер

💡Зберігаємо ці шпаргалки по HTML і CSS для наступного проекту JavaScript'ер

🤪Ранок понеділка він такий JavaScript'ер

⌛css preloader Очікування завантаження у вигляді частинок, що стрибають, які змінюють свій колір при зіткненні. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'ер

📱Оптимізація продуктивності за допомогою debounce JavaScript 1. Що таке debounce? Debounce – це техніка, що дозволяє обмежити частоту виконання функції, запобігаючи її викликам на кожній події. Це корисно при роботі з подіями, що часто відбуваються, наприклад, уведення тексту або прокручування сторінки.

 let timeout;
function debounce(func, delay) {
return function() {
clearTimeout(timeout);
timeout = setTimeout(func, delay);
};
}

2. Як працює debounce? Debounce затримує виконання функції, поки подія припиниться на заданий проміжок часу. Це особливо корисно для запобігання частим запитам на сервер, наприклад, у полі пошуку.

 const handleInput = debounce(function() {
console.log('Введення оброблено');
}, 500);

document.getElementById('search').addEventListener('input', handleInput);

3. Використання debounce для подій input Коли користувач вводить текст у поле, можна використовувати debounce, щоб надіслати запит на сервер лише після того, як користувач перестане вводити текст на 500 мілісекунд.

 document.getElementById('search').addEventListener('input', debounce(function(e) {
console.log('Пошук для:', e.target.value);
}, 500));

4. Переваги використання debounce

• Зменшується кількість функцій, що виконуються. • Покращує продуктивність, уникаючи зайвих обчислень. • Ефективний для пошукових форм, автодоповнення та інших інтерактивних елементів.

JavaScript'ер

Unlimited POWEEEEEER! 😎 JavaScript'ер