Почему разработчики любят Bulma?
В данной статье рассматриваются пять ключевых причин, почему фреймворк Bulma стал популярным среди веб-разработчиков. Bulma — это современный, адаптивный CSS-фреймворк, построенный на технологии Flexbox, который сочетает простоту использования, гибкость и мощные возможности для создания современных интерфейсов.
🌐 Читать статью
Made in HTML/CSS
В данной статье рассматриваются пять ключевых причин, почему фреймворк Bulma стал популярным среди веб-разработчиков. Bulma — это современный, адаптивный CSS-фреймворк, построенный на технологии Flexbox, который сочетает простоту использования, гибкость и мощные возможности для создания современных интерфейсов.
🌐 Читать статью
Made in HTML/CSS
👍4🔥4
BigInt позволяет работать с целыми числами произвольной длины, избегая ограничений обычных чисел JavaScript. Числа создаются добавлением суффикса n или через конструктор BigInt().
Однако BigInt нельзя смешивать с обычными числами в операциях — их нужно явно преобразовывать.
Это делает BigInt незаменимым для задач, связанных с большими числами, например, в криптографии или финансах.
Made in HTML/CSS
Однако BigInt нельзя смешивать с обычными числами в операциях — их нужно явно преобразовывать.
Это делает BigInt незаменимым для задач, связанных с большими числами, например, в криптографии или финансах.
Made in HTML/CSS
👍6🔥2
Что такое стрелочная функция и чем она отличается от обычной?
Стрелочные функции в JavaScript позволяют сократить код и сделать его более читаемым. Основные отличия от обычных функций:
- Синтаксис: Нет ключевого слова function, используется => после аргументов.
- Контекст this: Стрелочные функции не имеют своего this; они используют this из окружающего контекста.
- Оператор new: Стрелочные функции не могут быть использованы как конструкторы и не вызываются с new.
Эти особенности делают стрелочные функции удобными для коротких и лаконичных выражений.
Made in HTML/CSS
Стрелочные функции в JavaScript позволяют сократить код и сделать его более читаемым. Основные отличия от обычных функций:
- Синтаксис: Нет ключевого слова function, используется => после аргументов.
- Контекст this: Стрелочные функции не имеют своего this; они используют this из окружающего контекста.
- Оператор new: Стрелочные функции не могут быть использованы как конструкторы и не вызываются с new.
Эти особенности делают стрелочные функции удобными для коротких и лаконичных выражений.
Made in HTML/CSS
👍6🔥2
Lodash — это библиотека JavaScript, которая предоставляет служебные функции для обычных задач программирования(массивы, объекты и т.п.) с использованием парадигмы функционального программирования.
Made in HTML/CSS
Made in HTML/CSS
🔥5👍2
Что такое замыкание?
Замыкание (closure) в JavaScript — это функция, которая имеет доступ к своей собственной области видимости, к переменным внешней (охватывающей) функции и к глобальным переменным. Замыкания создаются каждый раз, когда функция создается, в момент её определения.
Как это работает:
- Доступ к переменным внешней функции: Внутренняя функция имеет доступ к переменным внешней функции даже после того, как внешняя функция завершила выполнение.
- Сохранение состояния: Замыкания позволяют сохранять состояние между вызовами функций, что может быть полезно для создания приватных переменных и методов.
Made in HTML/CSS
Замыкание (closure) в JavaScript — это функция, которая имеет доступ к своей собственной области видимости, к переменным внешней (охватывающей) функции и к глобальным переменным. Замыкания создаются каждый раз, когда функция создается, в момент её определения.
Как это работает:
- Доступ к переменным внешней функции: Внутренняя функция имеет доступ к переменным внешней функции даже после того, как внешняя функция завершила выполнение.
- Сохранение состояния: Замыкания позволяют сохранять состояние между вызовами функций, что может быть полезно для создания приватных переменных и методов.
Made in HTML/CSS
👍6🔥3
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