Она предоставляет простой способ обработки асинхронных HTTP-запросов, что облегчает выполнение задач, связанных с отправкой и получением данных от веб-сервисов и API.
•
Набор встроенных перехватчиков, которые позволяют контролировать взаимодействие приложения с HTTP-сервером.•
Встроенную поддержку для преобразования данных JSON.•
Автоматическую сериализацию данных.CodeBase | Frontend | #tool
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Веб-разработчики уже давно привыкли к Create React App (CRA) как к стандарту для быстрого старта проектов. Но сейчас всё больше команд выбирают Vite – и на это есть причины! В статье разобраны ключевые отличия между этими инструментами, которые объясняют массовую миграцию на Vite.
CodeBase | Frontend | #articles
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Технологии: CSS, JavaScript
CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4❤3
Swiper поддерживает события касания, прокрутки и перетаскивания, что упрощает создание интерактивных галерей. Также в библиотеке есть набор настраиваемых эффектов перехода, которые позволяют создавать красивые и плавные анимации при переключении между слайдами.
CodeBase | Frontend | #tool
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12
Array.prototype.reduce()
в JavaScript?Метод
reduce()
позволяет последовательно обрабатывать элементы массива, вычисляя итоговое значение, например, сумму чисел, объединение строк или создание объектов.const numbers = [1, 2, 3, 4, 5];
// Вычисление суммы элементов массива
const sum = numbers.reduce((accumulator, currentValue) => {
return accumulator + currentValue;
}, 0);
console.log(sum); // 15
reduce()
принимает два аргумента: функцию обратного вызова и начальное значение аккумулятора (0). Функция обратного вызова выполняется для каждого элемента массива, обновляя значение аккумулятора.reduce() полезен для обработки массивов, позволяя выполнять сложные операции в компактной и читаемой форме.
CodeBase | Frontend | #js
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
Технологии: Svg, SCSS, TypeScript
CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
Такие данные нужны для тестирования приложений и веб-сервисов, симуляции, анализа и визуализации данных.
CodeBase | Frontend | #tool
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Технологии: Svg, SCSS, JavaScript
CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥2
•
конвертацию и локализацию дат;•
форматирование дат;•
парсинг и валидацию дат и времени;•
работу с временными зонами.Особенность Day.js – использование неизменяемых объектов для хранения данных, что гарантирует согласованность данных и упрощает работу с ними. Библиотека также предоставляет набор методов для выполнения сложных операций с датами и временем.
CodeBase | Frontend | #tool
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Promise.all
позволяет запускать несколько промисов одновременно и получать их результаты, когда все промисы выполнены. Если один из промисов завершится с ошибкой, общий результат тоже будет отклонён.const promise1 = Promise.resolve(10);
const promise2 = Promise.resolve(20);
const promise3 = Promise.resolve(30);
Promise.all([promise1, promise2, promise3])
.then((results) => console.log(results)) // [10, 20, 30]
.catch((error) => console.error('Ошибка:', error));
CodeBase | Frontend | #js
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤🔥1❤1
GameDev уже в телеграм!
Петабайты полезных обучающих материалов по GameDev, которых нигде больше не найти. Истинный первоисточник всех материалов по геймдеву
Вступай в наши ряды уже сейчас!
Петабайты полезных обучающих материалов по GameDev, которых нигде больше не найти. Истинный первоисточник всех материалов по геймдеву
Вступай в наши ряды уже сейчас!
This media is not supported in your browser
VIEW IN TELEGRAM
Технологии: Svg, SCSS, JavaScript
CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
Программирование уже в телеграм!
Петабайты полезных обучающих материалов по программированию, которых нигде больше не найти. Здесь все платные материалы появляются в бесплатном доступе раньше всего
Вступай в наши ряды уже сейчас!
Петабайты полезных обучающих материалов по программированию, которых нигде больше не найти. Здесь все платные материалы появляются в бесплатном доступе раньше всего
Вступай в наши ряды уже сейчас!
•
возможность функциональной кастомизации;•
большой выбор тем оформления;•
обработку кликов и поддержку перетаскивания;•
набор функций для отображения событий;•
оддержку множества представлений календаря, включая просмотр по задачам, дням, неделям и месяцам.CodeBase | Frontend | #tool
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
grid-template-areas
в CSS и как оно работает?grid-template-areas
— это свойство CSS, которое позволяет задавать макет сетки с помощью именованных областей. Оно делает код понятным и удобным для построения сложных макетов.<div class="grid-container">
<header class="header">Header</header>
<nav class="sidebar">Sidebar</nav>
<main class="content">Content</main>
<footer class="footer">Footer</footer>
</div>
<style>
.grid-container {
display: grid;
grid-template-areas:
"header header"
"sidebar content"
"footer footer";
grid-template-columns: 1fr 2fr;
gap: 10px;
}
.header {
grid-area: header;
background-color: lightblue;
}
.sidebar {
grid-area: sidebar;
background-color: lightgreen;
}
.content {
grid-area: content;
background-color: lightyellow;
}
.footer {
grid-area: footer;
background-color: lightcoral;
}
</style>
grid-template-areas
задаёт сетку с областями для заголовка, боковой панели, основного контента и подвала. Каждая область легко связывается с соответствующими элементами через grid-area
.CodeBase | Frontend | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13