​Чтo такoе prоmise и какие сoстoяния у него есть?

Это oбъект, прeдставляющий завершeние (или нeудачу) асинхрoнной операции и её результат. Он позволяет ассоциировать обработчики с асинхронным действием, тем самым избавляя от неoбходимости использовать обратные вызовы (callback-функции). Они упрощают работу с асинхронными операциями, такими как AJAX-запросы или чтение файлов, позволяя написать код, который проще понять и поддерживать.

Сoстояния:
- Pending (Ожидание): Начальное состояние; асинхронная операция не завершена.
- Fulfilled (Исполнено): Операция завершена успешно, и promise возвращает результат.
- Rejected (Отклонено): Операция завершена с ошибкой, и promise возвращает причину отказа.

Пример:

let promise = new Promise(function(resolve, reject) {
    // Эмуляция асинхронной операции, например, запроса к серверу
    setTimeout(() => {
        // Условие успешного выполнения операции
        if (/* условие успеха */) {
            resolve("данные получены");
        } else {
            reject("ошибка при получении данных");
        }
    }, 1000);
});

promise.then(
    function(result) { console.log(result); }, // обработчик успеха
    function(error) { console.log(error); } // обработчик ошибки
);

Prоmise поддерживает цепочки вызовов (then), что позволяет организовывать асинхронный код последовательно и читабельно. Кроме того, существуют вспомогательные методы, такие как Promise.all, Promise.race, Promise.resolve, и Promise.reject, которые облегчают работу с группами асинхронных операций.

🔗 Ссылка

CodeBase | Frontend | #JS

🦥Ленивый программист ©

⚡️Слита База из 1000+ топовых курсов и материалов для айтишников

🖥 Python — 815+ совпадений
🖥 Java — 539+ совпадений

👩‍💻 JavaScript — 512+ совпадений
🖥 HTML/CSS — 332+ совпадения
👩‍💻 Фреймворки — 412+ совпадений

👩‍💻 Docker — 353+ совпадения
👣 Golang — 229+ совпадений
🖥 С++ — 484+ cовпадения

🖥 SQL и БД — 618+ совпадений
🖥 PostgreSQL — 334+ совпадения

🎨 Веб-дизайн — 349+ совпадения

📚 Книги по IT — 828+ совпадений

Всё лучшее про IT бесплатно — уже на Базе 🚀

⚙️Тег <noscript> используется для отображения контента, если JavaScript отключен в браузере. Он позволяет предоставить альтернативное содержимое или сообщение для пользователей, которые не могут или не хотят использовать JavaScript.

Пример:

<noscript>
  <p>Please enable JavaScript to use this website.</p>
</noscript>

- Контент внутри <noscript> отображается только при отключенном JavaScript.
- Часто используется для информирования пользователей или предоставления базовой функциональности без JavaScript.

CodeBase | Frontend | #Основы

🦥Ленивый программист ©

🖥 Hoisting (поднятие) — это механизм, при котором объявления переменных и функций перемещаются вверх своей области видимости перед выполнением кода. Это позволяет использовать переменные и функции до их фактического объявления в коде.

Пример с переменными: 

console.log(x); // undefined
var x = 5;

- Переменные, объявленные через var, поднимаются, но их значение инициализируется как undefined. 

Пример с функциями: 

foo(); // "Hello"
function foo() {
    console.log("Hello");
}

- Объявления функций поднимаются полностью, поэтому их можно вызывать до объявления. 

Hoisting не применяется к let и const, которые остаются в "временной мертвой зоне" до объявления.

CodeBase | Frontend | #JS

⚙️ filter: drop-shadow() и box-shadow используются для создания теней, но работают по-разному.

box-shadow применяется к блочным элементам и создает тень вокруг их рамки. Тень может быть смещена, размыта и изменена по цвету.

.box {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

filter: drop-shadow() применяется к содержимому элемента, включая прозрачные области, такие как текст или изображения с альфа-каналом. Тень повторяет форму содержимого.

.element {
    filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
}

Основное отличие: box-shadow работает с рамкой элемента, а drop-shadow учитывает форму содержимого, включая прозрачные части.

CodeBase | Frontend | #CSS

👨‍💻Ищем разработчиков, DevOps, QA, аналитиков. Релокейт, удалёнка, платим много!

Специально для Вас, собираем лучшие вакансии. Только вакансии с прямыми контактами в Telegram!

👩‍💻 Python 👣 Go
🤖 ML 👩‍💻 Java
🖼️ PHP 👩‍💻 Node.js
👩‍💻 C# 🖥 SQL
🔎 QA 👩‍💻 Frontend
👩‍💻 UX 👩‍💻 DevOps
👩‍💻 Mobile 👩‍💻 Analyst
💼 1C

Подпишись чтобы не упустить свой шанс получить лучший оффер!

🦥Ленивый программист ©

🐧 Linux Club - без лишних слов полезный канал по Linux

— обзоры дистрибутивов
— команды для терминала
— open source приложения
— полезные фреймворки
— оптимизация серверов
— инсайдерская информация

Подписывайся - @clubLinux

➡️ Атрибут srcset используется для указания нескольких версий изображения с разным разрешением, чтобы браузер мог выбрать наиболее подходящее в зависимости от размера экрана и плотности пикселей.

<img src="image-default.jpg"
     srcset="image-small.jpg 480w, image-medium.jpg 800w, image-large.jpg 1200w"
     sizes="(max-width: 600px) 480px, (max-width: 900px) 800px, 1200px"
     alt="Example image">

В этом примере srcset содержит три версии изображения с указанием их ширины в пикселях. Атрибут sizes определяет, какое изображение использовать в зависимости от ширины экрана. Это улучшает производительность и адаптивность веб-страниц.

CodeBase | Frontend | #Основы

🦥Ленивый программист ©

🟢Подборка каналов для технарей от наших друзей:

📱https://t.iss.one/Geek_book_hub - Бесплатная библиотека с книгами - программирование, электроника, айти.

📱https://t.iss.one/club_arduino - Мемы и полезные материалы для ардуинщика, электронщика, DIY'щика.

📱https://t.iss.one/forprinting3D - Если у тебя есть 3д принтер, тогда тебе сюда, тут лучшие модели и идеи для печати.

📱 https://t.iss.one/Ali_radio_top - Лучшие предложения, скидки и акции с алиэкспресс.

📱 https://t.iss.one/Pirate_Gram - Бесплатные андроид премиум приложения.