Promise.allSettled возвращает массив объектов с состоянием каждого промиса (fulfilled или rejected) и его результатом (value или reason).
В отличие от Promise.all, он не завершается ошибкой при отклонении одного из промисов. Это полезно, когда нужно обработать все асинхронные операции, независимо от их успеха или неудачи.
Made in HTML/CSS
В отличие от Promise.all, он не завершается ошибкой при отклонении одного из промисов. Это полезно, когда нужно обработать все асинхронные операции, независимо от их успеха или неудачи.
Made in HTML/CSS
👍8
This media is not supported in your browser
VIEW IN TELEGRAM
Бесплатный генератор SVG-логотипов позволяет создавать векторные изображения из любых графических файлов. Процесс включает всего несколько шагов:
*Можно загружать не только PNG
Made in HTML/CSS
- Загрузите изображение;
- Дождитесь завершения генерации кода в реальном времени;
- Скопируйте готовый результат
*Можно загружать не только PNG
Made in HTML/CSS
🔥4👍3
Метод replaceAll позволяет заменить все вхождения подстроки на новое значение без использования регулярных выражений.
Это делает код более читаемым и удобным для простых случаев замены. Если требуется замена с использованием сложных шаблонов, по-прежнему можно использовать регулярные выражения.
Made in HTML/CSS
Это делает код более читаемым и удобным для простых случаев замены. Если требуется замена с использованием сложных шаблонов, по-прежнему можно использовать регулярные выражения.
Made in HTML/CSS
👍8
Что такое call, apply и bind?
Call, apply и bind — это методы в JavaScript, которые позволяют изменить контекст выполнения функции и задать значение this для любой функции, независимо от того, как она была вызвана.
Метод call вызывает функцию с заданным значением this и аргументами, переданными через запятую. Это позволяет явно указывать контекст, в котором должна выполняться функция.
Метод apply работает аналогично методу call, но аргументы передаются в виде массива. Это удобно, когда есть массив аргументов, который нужно передать функции.
Метод bind не вызывает функцию сразу. Он возвращает новую функцию, у которой заранее привязан контекст (this), а также заданные аргументы. Это позволяет создавать функции с постоянным контекстом.
Made in HTML/CSS
Call, apply и bind — это методы в JavaScript, которые позволяют изменить контекст выполнения функции и задать значение this для любой функции, независимо от того, как она была вызвана.
Метод call вызывает функцию с заданным значением this и аргументами, переданными через запятую. Это позволяет явно указывать контекст, в котором должна выполняться функция.
Метод apply работает аналогично методу call, но аргументы передаются в виде массива. Это удобно, когда есть массив аргументов, который нужно передать функции.
Метод bind не вызывает функцию сразу. Он возвращает новую функцию, у которой заранее привязан контекст (this), а также заданные аргументы. Это позволяет создавать функции с постоянным контекстом.
Made in HTML/CSS
👍6🔥2
Formik — это легкая, бесплатная библиотека с открытым исходным кодом для React или React Native, которая решает три основные задачи при создании форм:
○ Управление состоянием формы
○ Валидация формы○
○ Отправка формы.
Made in HTML/CSS
○ Управление состоянием формы
○ Валидация формы○
○ Отправка формы.
Made in HTML/CSS
👍4🔥3
Что такое reflow?
Reflow (также известен как «layout») — процесс, который происходит в браузере, когда изменяются размеры или расположение элементов на странице.
Этот процесс заставляет браузер пересчитывать не только положение изменённого элемента, но и положение всех остальных элементов, которые могут быть затронуты изменениями.
Некоторые причины, по которым происходит reflow:
- манипуляции с DOM (добавление, удаление, изменение, перестановка элементов);
- изменение содержимого, в том числе текста в полях форм;
- расчёт или изменение CSS-свойств;
- добавление, удаление таблиц стилей;
- манипуляции с окном браузера — изменения размеров, прокрутка;
Made in HTML/CSS
Reflow (также известен как «layout») — процесс, который происходит в браузере, когда изменяются размеры или расположение элементов на странице.
Этот процесс заставляет браузер пересчитывать не только положение изменённого элемента, но и положение всех остальных элементов, которые могут быть затронуты изменениями.
Некоторые причины, по которым происходит reflow:
- манипуляции с DOM (добавление, удаление, изменение, перестановка элементов);
- изменение содержимого, в том числе текста в полях форм;
- расчёт или изменение CSS-свойств;
- добавление, удаление таблиц стилей;
- манипуляции с окном браузера — изменения размеров, прокрутка;
Made in HTML/CSS
👍6🔥2
Метод at предоставляет удобный способ доступа к элементам массива, включая поддержку отрицательных индексов для обращения к элементам с конца.
Это делает код более читаемым и лаконичным по сравнению с использованием arr[arr.length - n]. Метод также работает со строками.
Made in HTML/CSS
Это делает код более читаемым и лаконичным по сравнению с использованием arr[arr.length - n]. Метод также работает со строками.
Made in HTML/CSS
👍5🔥2
Materialize CSS Framework: Это современный адаптивный CSS-фреймворк, основанный на Material Design от Google. Он предоставляет компоненты и анимации, которые обеспечивают обратную связь пользователям. Фреймворк включает в себя подробную документацию и примеры кода, что облегчает начало работы для новых пользователей. Materialize используется для создания красивых и интерактивных веб-сайтов, и его компоненты часто применяются в фронтенд-разработке для улучшения пользовательского опыта
Made in HTML/CSS
Made in HTML/CSS
👍5🔥2
Object.fromEntries позволяет преобразовать массив пар [ключ, значение] или Map в объект. Это обратный метод к Object.entries, который преобразует объект в массив пар.
Он упрощает работу с данными, особенно при обработке результатов API или других источников, где данные представлены в виде пар ключ-значение.
Made in HTML/CSS
Он упрощает работу с данными, особенно при обработке результатов API или других источников, где данные представлены в виде пар ключ-значение.
Made in HTML/CSS
👍5🔥2
Что такое XSS (Cross-Site Scripting)?
XSS (Cross-Site Scripting — «межсайтовый скриптинг») — подтип атаки на веб-системы, заключающийся во внедрении в выдаваемую веб-системой страницу вредоносного кода (который будет выполнен на компьютере пользователя при открытии им этой страницы) и взаимодействии этого кода с веб-сервером злоумышленника.
Вредоносный код может быть вставлен в страницу как через уязвимость в веб-сервере, так и через уязвимость на компьютере пользователя.
Made in HTML/CSS
XSS (Cross-Site Scripting — «межсайтовый скриптинг») — подтип атаки на веб-системы, заключающийся во внедрении в выдаваемую веб-системой страницу вредоносного кода (который будет выполнен на компьютере пользователя при открытии им этой страницы) и взаимодействии этого кода с веб-сервером злоумышленника.
Вредоносный код может быть вставлен в страницу как через уязвимость в веб-сервере, так и через уязвимость на компьютере пользователя.
Последствия XSS-атаки:
Кража данных пользователя. Обычно сайты, форумы и приложения отличают авторизованного посетителя от неавторизованного с помощью специальной cookie. Прочитав такую cookie, вредоносный скрипт передаёт её на удалённый сервер злоумышленника. В результате хакер похищает имена, пароли, личную переписку, данные банковских карт.
Made in HTML/CSS
👍5🔥2
Framer Motion - это библиотека для react-приложений, которая дает возможность создавать анимированные jsx-компоненты.
Преимущество Framer Motion в том, что управление свойствами анимации происходит прямо в jsx-разметке. Кроме того, с его помощью можно писать компоненты-обертки, которые будут анимировать вложенные в них компоненты.
Made in HTML/CSS
Преимущество Framer Motion в том, что управление свойствами анимации происходит прямо в jsx-разметке. Кроме того, с его помощью можно писать компоненты-обертки, которые будут анимировать вложенные в них компоненты.
Made in HTML/CSS
🔥4👍3
Как работает «сборщик мусора» в JS?
«Сборщик мусора» в JavaScript — это встроенный механизм, который автоматически управляет памятью. Он отвечает за освобождение памяти, занятой объектами, которые больше не используются в программе.
Как работает сборщик мусора:
Постоянно следит за объектами и переменными в коде и отслеживает, на какие из них ещё идут ссылки.
Если у объекта больше нет ссылок (он нигде не используется), JavaScript определяет его как «мусор».
Освобождает занятую мусором память, автоматически удаляя неиспользуемые данные.
Made in HTML/CSS
«Сборщик мусора» в JavaScript — это встроенный механизм, который автоматически управляет памятью. Он отвечает за освобождение памяти, занятой объектами, которые больше не используются в программе.
Как работает сборщик мусора:
Постоянно следит за объектами и переменными в коде и отслеживает, на какие из них ещё идут ссылки.
Если у объекта больше нет ссылок (он нигде не используется), JavaScript определяет его как «мусор».
Освобождает занятую мусором память, автоматически удаляя неиспользуемые данные.
Made in HTML/CSS
🔥6👍2
WeakMap — это коллекция, где ключи являются слабыми ссылками на объекты. Если объект удаляется или становится недостижимым, соответствующая запись в WeakMap автоматически удаляется сборщиком мусора.
Это делает WeakMap полезным для управления памятью, особенно в случаях, таких как кэширование или привязка метаданных к объектам, без риска утечек памяти.
Made in HTML/CSS
Это делает WeakMap полезным для управления памятью, особенно в случаях, таких как кэширование или привязка метаданных к объектам, без риска утечек памяти.
Made in HTML/CSS
👍5🔥2
Как обеспечить доступность (accessibility) веб-приложения?
Обеспечение доступности ( accessibility ) веб-приложения необходимо для создания инклюзивных цифровых продуктов, которые могут использовать все люди, включая тех, кто имеет ограниченные возможности, что также улучшает пользовательский опыт и соответствует законодательным требованиям.
Made in HTML/CSS
Обеспечение доступности ( accessibility ) веб-приложения необходимо для создания инклюзивных цифровых продуктов, которые могут использовать все люди, включая тех, кто имеет ограниченные возможности, что также улучшает пользовательский опыт и соответствует законодательным требованиям.
Чтобы обеспечить доступность веб-приложения, можно использовать следующие методы:
- Семантическая разметка: Использование тегов, таких как <header>, <nav>, <main>, <footer>.
- Улучшение контрастности: Оптимальное использование цветов и контрастности.
- Альтернативные текстовые описания для изображений.
- Клавиатурная навигация: Возможность навигации без использования мыши.
- Проверка на соответствие стандартам доступности, таким как WCAG.
- Создание гибкого и адаптивного дизайна.
- Проверка на использование устаревших технологий.
- Обучение и осведомлённость команды разработчиков.
- Обратная связь от пользователей с ограниченными возможностями.
Made in HTML/CSS
👍8
Set — это коллекция, которая хранит только уникальные значения. Он автоматически удаляет дубликаты и предоставляет удобные методы, такие как add, has и delete.
Преобразование Set обратно в массив выполняется через спред-оператор или Array.from. Это делает Set идеальным инструментом для работы с уникальными данными.
Made in HTML/CSS
Преобразование Set обратно в массив выполняется через спред-оператор или Array.from. Это делает Set идеальным инструментом для работы с уникальными данными.
Made in HTML/CSS
👍8
Плагин JavaScript (ES6) code snippets для Visual Studio Code предоставляет набор готовых сниппетов кода, которые помогают ускорить процесс написания JavaScript-кода, особенно с использованием возможностей стандарта ES6 и более поздних версий. Этот плагин особенно полезен для разработчиков, которые хотят быстро вставлять часто используемые конструкции и шаблоны кода.
Made in HTML/CSS
Вот некоторые из основных возможностей и сниппетов, которые предоставляет этот плагин:
- Стрелочные функции: Быстрое создание стрелочных функций, которые являются одной из ключевых особенностей ES6.
- Классы и объекты: Сниппеты для создания классов, конструкторов и методов, а также для работы с объектами.
- Модули: Поддержка импорта и экспорта модулей, что позволяет легко управлять зависимостями в вашем проекте.
Made in HTML/CSS
👍4🔥3
Типы XSS-атак и способы защиты от них
В статье рассказывается о различных типах XSS-атак (Cross-Site Scripting), включая отражённые, хранимые и DOM-уязвимости, а также о методах их обнаружения и защиты от них. Также рассматриваются дополнительные и гибридные типы XSS-атак, такие как Self-XSS и Mutated XSS, и даются рекомендации по защите от них.
🌐 Читать статью
Made in HTML/CSS
В статье рассказывается о различных типах XSS-атак (Cross-Site Scripting), включая отражённые, хранимые и DOM-уязвимости, а также о методах их обнаружения и защиты от них. Также рассматриваются дополнительные и гибридные типы XSS-атак, такие как Self-XSS и Mutated XSS, и даются рекомендации по защите от них.
🌐 Читать статью
Made in HTML/CSS
👍4🔥3
Lit — это быстрая и лёгкая библиотека для создания веб-компонентов. Она построена на основе стандарта Web Components и использует Shadow DOM для достижения реактивности. Lit работает с JavaScript и TypeScript.
Made in HTML/CSS
Made in HTML/CSS
👍4🔥2
Метод at предоставляет удобный способ доступа к элементам массива, включая поддержку отрицательных индексов для обращения к элементам с конца.
Это делает код более читаемым и лаконичным по сравнению с использованием arr[arr.length - n]. Метод также работает со строками.
Made in HTML/CSS
Это делает код более читаемым и лаконичным по сравнению с использованием arr[arr.length - n]. Метод также работает со строками.
Made in HTML/CSS
👍6🔥1
Ember — это кроссплатформенный фреймворк с открытым исходным кодом, предназначенный для создания масштабируемых одностраничных веб-приложений для бизнеса. Разработанный в 2011 году, он выделяется благодаря интерфейсу командной строки Ember Command Line Tool, который упрощает процессы разработки и поддержки приложений.
Made in HTML/CSS
Ember использует технологию FastBoost для обеспечения плавной серверной отрисовки. Встроенная система маршрутизации, интегрированная с URL-адресами, позволяет легко отображать шаблоны, плавно загружать данные и отслеживать текущее состояние приложения.
Made in HTML/CSS
👍5🔥2