This media is not supported in your browser
VIEW IN TELEGRAM
EС сard hоver
Несколько карточек, стилизованных и анимированных в HTML и CSS.
CodeBase | Frontend | #animate
Несколько карточек, стилизованных и анимированных в HTML и CSS.
CodeBase | Frontend | #animate
👍2
Выбери своё направление
1. Frontend
2. Python
3. Java
4. Тестировщик QA
5. Data Science
6. DevOps
7. C#
8. С/C++
9. PHP
10. Kotlin
11. Swift
12. Node.js
13. 1C
14. Flutter / Dart
15. Unity
16. Product Manager
17. Project Manager
18. System Analyst
19. Bussines Analyst
Please open Telegram to view this post
VIEW IN TELEGRAM
Чтo такoе prоmise и какие сoстoяния у него есть?
Это oбъект, прeдставляющий завершeние (или нeудачу) асинхрoнной операции и её результат. Он позволяет ассоциировать обработчики с асинхронным действием, тем самым избавляя от неoбходимости использовать обратные вызовы (callback-функции). Они упрощают работу с асинхронными операциями, такими как AJAX-запросы или чтение файлов, позволяя написать код, который проще понять и поддерживать.
Сoстояния:
- Pending (Ожидание): Начальное состояние; асинхронная операция не завершена.
- Fulfilled (Исполнено): Операция завершена успешно, и promise возвращает результат.
- Rejected (Отклонено): Операция завершена с ошибкой, и promise возвращает причину отказа.
Пример:
Prоmise поддерживает цепочки вызовов (then), что позволяет организовывать асинхронный код последовательно и читабельно. Кроме того, существуют вспомогательные методы, такие как Promise.all, Promise.race, Promise.resolve, и Promise.reject, которые облегчают работу с группами асинхронных операций.
🔗 Ссылка
CodeBase | Frontend | #JS
Это 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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Forwarded from localhost
Please open Telegram to view this post
VIEW IN TELEGRAM
👏4😁1
This media is not supported in your browser
VIEW IN TELEGRAM
Всё лучшее про IT бесплатно — уже на Базе
Please open Telegram to view this post
VIEW IN TELEGRAM
<noscript>
используется для отображения контента, если JavaScript отключен в браузере. Он позволяет предоставить альтернативное содержимое или сообщение для пользователей, которые не могут или не хотят использовать JavaScript.Пример:
<noscript>
<p>Please enable JavaScript to use this website.</p>
</noscript>
- Контент внутри
<noscript>
отображается только при отключенном JavaScript.- Часто используется для информирования пользователей или предоставления базовой функциональности без JavaScript.
CodeBase | Frontend | #Основы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
Пример с переменными:
console.log(x); // undefined
var x = 5;
- Переменные, объявленные через
var
, поднимаются, но их значение инициализируется как undefined
. Пример с функциями:
foo(); // "Hello"
function foo() {
console.log("Hello");
}
- Объявления функций поднимаются полностью, поэтому их можно вызывать до объявления.
Hoisting не применяется к
let
и const
, которые остаются в "временной мертвой зоне" до объявления.CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤1
Специально для Вас, собираем лучшие вакансии. Только вакансии с прямыми контактами в Telegram!
🤖 ML
🔎 QA
💼 1C
Подпишись чтобы не упустить свой шанс получить лучший оффер!
Please open Telegram to view this post
VIEW IN TELEGRAM
Методы Vue — это функции, которые определяются в объекте
В шаблоне метод вызывается через
Методы реагируют на изменения данных и обновляют DOM через реактивную систему Vue. Они не кэшируются, в отличие от вычисляемых свойств, и выполняются каждый раз при вызове.
CodeBase | Frontend | #JS
methods
компонента. Они используются для обработки событий, выполнения логики или изменения состояния компонента. Методы можно вызывать из шаблона через директивы (например, v-on) или из других методов.
export default {
data() {
return {
count: 0
};
},
methods: {
increment() {
this.count++;
}
}
};
В шаблоне метод вызывается через
v-on
:
<button @click="increment">Увеличить счетчик</button>
Методы реагируют на изменения данных и обновляют DOM через реактивную систему Vue. Они не кэшируются, в отличие от вычисляемых свойств, и выполняются каждый раз при вызове.
CodeBase | Frontend | #JS
🔥3❤2👍2
This media is not supported in your browser
VIEW IN TELEGRAM
— обзоры дистрибутивов
— команды для терминала
— open source приложения
— полезные фреймворки
— оптимизация серверов
— инсайдерская информация
Подписывайся - @clubLinux
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👍1🔥1
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 | #Основы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5