JavaScript'er

⭐️Часті причини витоків пам'яті в JS Зайва складність, замикання та глобальні змінні – все це позначається на споживанні пам'яті. Розкажемо, які є способи моніторингу та усунення витоків. https://www.trevorlasn.com/blog/common-causes-of-memory-leaks-in-javascript JavaScript'ер

🔥Morphing Hamburger Menu Зміщення інформації на сайті та поява мобільного меню при натисканні на бургер-кнопку. Реалізовано з допомогою SCSS. ⤷ Забрати код JavaScript'ер

😅І в кожного таке є, правда?) </Codu>

let obj1 = { a: 1 };
let obj2 = { a: 1 };

console.log(obj1 == obj2);
console.log(obj1 === obj2);

JavaScript'ер

👩‍💻Швидкий перехід з HTML до css-коду за класом CSS Peek – це плагін для VS Code, який дозволяє легко знаходити та переглядати CSS-стилі, пов'язані з HTML-класами та елементами. Він надає можливість миттєво перейти до визначення стилів у CSS-файлах, покращуючи швидкість розробки та спрощуючи керування стилями. JavaScript'ер

👩‍💻Створення липкого заголовка в СSS Блоки з «липким» позиціонуванням поводяться як position: relative та position: fixed одночасно. Поки блок не досягнув зазначеної відстані від краю вікна браузера, він поводиться як відносно спозиційований. Коли блок досягне цієї точки, то поводитиметься, ніби ми вказали position: fixed. Коли таких заголовків кілька, вони накладаються один на одного, і користувачеві видно останній з них. JavaScript'ер

😅Нажаль так і є JavaScript'ер

🔄Card Flip Опис зображення на обороті картки при наведенні на неї курсора миші. Реалізовано з допомогою SCSS. ⤷ Забрати код JavaScript'ер

🔽Безкоштовна та велика бібліотека React-компонентів з відкритим вихідним кодом Тут можна знайти широкий спектр хуків, компонентів та інших елементів, які допоможуть створювати тобі красиві і функціональні інтерфейси користувача. Є вбудована підтримка TypeScript, а інтерфейс продуманий так що навіть новачкові просто розібратися. ⛓Посилання: тут JavaScript'ер

👩‍💻Шпаргалка по CSS JavaScript'ер

function set(a, ...b, c) {
  console.log(a, b, c);
}

set(1, 2, 3, 4, 5);

JavaScript'ер

🔖Набір інструментів для веб-розробки Велика добірка інструментів для розробки, розбита на категорії: UI кити, бібліотеки для анімації, розширення для Chrome, іконки та багато іншого. https://surffers.notion.site/surffers/The-Best-Web-Development-Tools-2cf90734ead54d748edaf706120728d8 JavaScript'ер

😅А якщо важливе JavaScript'ер

const arr = [2, 4, 6, 8, 10];
const newArr = arr.map((element, index) => {
    return element * index;
});

console.log(newArr);

JavaScript'ер

🔝space background Заспокійливий космічний фон на вашому сайті. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'ер

📌JS Трюк: Для одночасного перебору індексів та значень масиву Звичайно, існує метод .forEach(), але цей трюк призначений для тих випадків, коли доводиться використовувати класичний цикл. Метод .entries() повертає двовимірний масив, де перший елемент у кожному підмасиві – це індекс, а другий – саме значення. Ми можемо використовувати деструктуруюче присвоєння, щоб отримати ці значення у двох змінних. JavaScript'ер