CamanJS
CamanJS — это библиотека для редактирования изображений прямо в браузере. Она поддерживает широкий набор фильтров и операций, таких как изменение яркости, насыщенности, обрезка, наложение эффектов. Работает с HTML5 Canvas и позволяет манипулировать изображениями без использования сторонних серверов.
👉 @sWebDev
CamanJS — это библиотека для редактирования изображений прямо в браузере. Она поддерживает широкий набор фильтров и операций, таких как изменение яркости, насыщенности, обрезка, наложение эффектов. Работает с HTML5 Canvas и позволяет манипулировать изображениями без использования сторонних серверов.
👉 @sWebDev
Работа с оператором retryWhen
Как работает оператор
Забыли? Вернитесь к посту от27.01.2025 .
👉 @sWebDev
Как работает оператор
retryWhen
?Забыли? Вернитесь к посту от
👉 @sWebDev
Как работает оператор retryWhen?
Anonymous Quiz
77%
Позволяет повторно запустить поток данных после паузы.
11%
Автоматически завершает поток данных.
10%
Прерывает выполнение потока при первой ошибке.
2%
Удаляет ошибки из потока.
😡 Устал от нудных уроков на YouTube, где половина — вода?
Хватит это терпеть) Автор канала Формошлёп убрал воду и оставил только суть:
➧ Мини-гайды по HTML, CSS и JavaScript, которые легко читать и сразу применять.
➧ Шпаргалки, лайфхаки и полезные советы с ноткой юмора.
➧ Всё чётко, лаконично и по делу.
Неважно, новичок ты или фронтендер на опыте — у нас всегда найдётся что-то полезное!
Присоединяйся: @frontbox будем вместе шлёпать формы и красить кнопки)
Хватит это терпеть) Автор канала Формошлёп убрал воду и оставил только суть:
➧ Мини-гайды по HTML, CSS и JavaScript, которые легко читать и сразу применять.
➧ Шпаргалки, лайфхаки и полезные советы с ноткой юмора.
➧ Всё чётко, лаконично и по делу.
Неважно, новичок ты или фронтендер на опыте — у нас всегда найдётся что-то полезное!
Присоединяйся: @frontbox будем вместе шлёпать формы и красить кнопки)
Cropper.js
Cropper.js — это легковесная и мощная JavaScript-библиотека для обрезки изображений, которая позволяет создавать интерактивные инструменты для работы с картинками на веб-страницах. Она особенно полезна для проектов, где пользователи могут загружать и редактировать свои изображения (например, аватарки, фото профиля или контент).
👉 @sWebDev
Cropper.js — это легковесная и мощная JavaScript-библиотека для обрезки изображений, которая позволяет создавать интерактивные инструменты для работы с картинками на веб-страницах. Она особенно полезна для проектов, где пользователи могут загружать и редактировать свои изображения (например, аватарки, фото профиля или контент).
👉 @sWebDev
Улучшение шаблонов Angular с помощью нетегированных шаблонных литералов
Статья обсуждает улучшение в Angular версии 19.2.0-next.0, которое предоставляет разработчикам поддержку нетегированных шаблонных литералов, позволяя более эффективно и удобно работать с шаблонами в Angular-приложениях.
👉 @sWebDev
Статья обсуждает улучшение в Angular версии 19.2.0-next.0, которое предоставляет разработчикам поддержку нетегированных шаблонных литералов, позволяя более эффективно и удобно работать с шаблонами в Angular-приложениях.
👉 @sWebDev
Canvg
Canvg — библиотека, которая позволяет рендерить SVG-контент на <canvas> HTML5. Полезна для работы с графикой в браузерах, которые не поддерживают SVG в полной мере или требуют манипуляций с графикой.
👉 @sWebDev
Canvg — библиотека, которая позволяет рендерить SVG-контент на <canvas> HTML5. Полезна для работы с графикой в браузерах, которые не поддерживают SVG в полной мере или требуют манипуляций с графикой.
👉 @sWebDev
Работа с методом runInInjectionContext()
Что позволяет делать метод
Забыли? Вернитесь к посту от03.02.2025 .
👉 @sWebDev
Что позволяет делать метод
runInInjectionContext()
?Забыли? Вернитесь к посту от
👉 @sWebDev
Что позволяет делать метод runInInjectionContext()?
Anonymous Quiz
7%
Создавать новые Angular-компоненты.
84%
Выполнять функции в контексте инъекции зависимостей.
10%
Управлять жизненным циклом сервисов.
0%
Компилировать Angular-приложения.
Рендеринг длинных списков без потерь производительности в Angular
В Angular рендеринг длинных списков может перегружать DOM, снижая производительность.
Пример:
Этот компонент создает виртуальный список, динамически заменяя элементы при прокрутке. В памяти остается только небольшое количество элементов, необходимое для отображения.
Дополнительно можно задать динамическую высоту элементов:
Это позволяет адаптировать высоту элементов к ширине экрана, улучшая UX.
👉 @sWebDev
В Angular рендеринг длинных списков может перегружать DOM, снижая производительность.
CdkVirtualScrollViewport
из Angular CDK решает эту проблему, рендеря только видимые элементы. Пример:
<cdk-virtual-scroll-viewport itemSize="50" class="viewport">
<div *cdkVirtualFor="let item of items" class="item">
{{ item }}
</div>
</cdk-virtual-scroll-viewport>
Этот компонент создает виртуальный список, динамически заменяя элементы при прокрутке. В памяти остается только небольшое количество элементов, необходимое для отображения.
Дополнительно можно задать динамическую высоту элементов:
<cdk-virtual-scroll-viewport [itemSize]="getItemSize()" class="viewport">
<div *cdkVirtualFor="let item of items" class="item">
{{ item }}
</div>
</cdk-virtual-scroll-viewport>
getItemSize() {
return window.innerWidth > 768 ? 50 : 100;
}
Это позволяет адаптировать высоту элементов к ширине экрана, улучшая UX.
👉 @sWebDev
Booking.js
Booking.js — это библиотека для создания пользовательских интерфейсов бронирования с интуитивно понятным выбором дат. Она ориентирована на веб-приложения, требующие функционала бронирования, например, аренду жилья или услуги.
👉 @sWebDev
Booking.js — это библиотека для создания пользовательских интерфейсов бронирования с интуитивно понятным выбором дат. Она ориентирована на веб-приложения, требующие функционала бронирования, например, аренду жилья или услуги.
👉 @sWebDev