Что такое call, apply и bind?

Call, apply и bind — это методы в JavaScript, которые позволяют изменить контекст выполнения функции и задать значение this для любой функции, независимо от того, как она была вызвана.

Метод call вызывает функцию с заданным значением this и аргументами, переданными через запятую. Это позволяет явно указывать контекст, в котором должна выполняться функция.

Метод apply работает аналогично методу call, но аргументы передаются в виде массива. Это удобно, когда есть массив аргументов, который нужно передать функции.

Метод bind не вызывает функцию сразу. Он возвращает новую функцию, у которой заранее привязан контекст (this), а также заданные аргументы. Это позволяет создавать функции с постоянным контекстом.

Made in HTML/CSS

Что такое reflow?

Reflow (также известен как «layout») — процесс, который происходит в браузере, когда изменяются размеры или расположение элементов на странице.

Этот процесс заставляет браузер пересчитывать не только положение изменённого элемента, но и положение всех остальных элементов, которые могут быть затронуты изменениями.

Некоторые причины, по которым происходит reflow:

- манипуляции с DOM (добавление, удаление, изменение, перестановка элементов);
- изменение содержимого, в том числе текста в полях форм;
- расчёт или изменение CSS-свойств;
- добавление, удаление таблиц стилей;
- манипуляции с окном браузера — изменения размеров, прокрутка;

Made in HTML/CSS

Materialize CSS Framework: Это современный адаптивный CSS-фреймворк, основанный на Material Design от Google. Он предоставляет компоненты и анимации, которые обеспечивают обратную связь пользователям. Фреймворк включает в себя подробную документацию и примеры кода, что облегчает начало работы для новых пользователей. Materialize используется для создания красивых и интерактивных веб-сайтов, и его компоненты часто применяются в фронтенд-разработке для улучшения пользовательского опыта

Made in HTML/CSS

Что такое XSS (Cross-Site Scripting)?

XSS (Cross-Site Scripting — «межсайтовый скриптинг») — подтип атаки на веб-системы, заключающийся во внедрении в выдаваемую веб-системой страницу вредоносного кода (который будет выполнен на компьютере пользователя при открытии им этой страницы) и взаимодействии этого кода с веб-сервером злоумышленника.

Вредоносный код может быть вставлен в страницу как через уязвимость в веб-сервере, так и через уязвимость на компьютере пользователя.

Последствия XSS-атаки:

Кража данных пользователя. Обычно сайты, форумы и приложения отличают авторизованного посетителя от неавторизованного с помощью специальной cookie. Прочитав такую cookie, вредоносный скрипт передаёт её на удалённый сервер злоумышленника. В результате хакер похищает имена, пароли, личную переписку, данные банковских карт.

Made in HTML/CSS

Как работает «сборщик мусора» в JS?

«Сборщик мусора» в JavaScript — это встроенный механизм, который автоматически управляет памятью. Он отвечает за освобождение памяти, занятой объектами, которые больше не используются в программе.

Как работает сборщик мусора:

Постоянно следит за объектами и переменными в коде и отслеживает, на какие из них ещё идут ссылки.
Если у объекта больше нет ссылок (он нигде не используется), JavaScript определяет его как «мусор».
Освобождает занятую мусором память, автоматически удаляя неиспользуемые данные.

Made in HTML/CSS

Как обеспечить доступность (accessibility) веб-приложения?

Обеспечение доступности ( accessibility ) веб-приложения необходимо для создания инклюзивных цифровых продуктов, которые могут использовать все люди, включая тех, кто имеет ограниченные возможности, что также улучшает пользовательский опыт и соответствует законодательным требованиям.

Чтобы обеспечить доступность веб-приложения, можно использовать следующие методы:
- Семантическая разметка: Использование тегов, таких как <header>, <nav>, <main>, <footer>.
- Улучшение контрастности: Оптимальное использование цветов и контрастности.
- Альтернативные текстовые описания для изображений.
- Клавиатурная навигация: Возможность навигации без использования мыши.
- Проверка на соответствие стандартам доступности, таким как WCAG.
- Создание гибкого и адаптивного дизайна.
- Проверка на использование устаревших технологий.
- Обучение и осведомлённость команды разработчиков.
- Обратная связь от пользователей с ограниченными возможностями.

Made in HTML/CSS

Плагин JavaScript (ES6) code snippets для Visual Studio Code предоставляет набор готовых сниппетов кода, которые помогают ускорить процесс написания JavaScript-кода, особенно с использованием возможностей стандарта ES6 и более поздних версий. Этот плагин особенно полезен для разработчиков, которые хотят быстро вставлять часто используемые конструкции и шаблоны кода.

Вот некоторые из основных возможностей и сниппетов, которые предоставляет этот плагин:

- Стрелочные функции: Быстрое создание стрелочных функций, которые являются одной из ключевых особенностей ES6.

- Классы и объекты: Сниппеты для создания классов, конструкторов и методов, а также для работы с объектами.

- Модули: Поддержка импорта и экспорта модулей, что позволяет легко управлять зависимостями в вашем проекте.

Made in HTML/CSS

Типы XSS-атак и способы защиты от них

В статье рассказывается о различных типах XSS-атак (Cross-Site Scripting), включая отражённые, хранимые и DOM-уязвимости, а также о методах их обнаружения и защиты от них. Также рассматриваются дополнительные и гибридные типы XSS-атак, такие как Self-XSS и Mutated XSS, и даются рекомендации по защите от них.

🌐 Читать статью

Made in HTML/CSS

Ember — это кроссплатформенный фреймворк с открытым исходным кодом, предназначенный для создания масштабируемых одностраничных веб-приложений для бизнеса. Разработанный в 2011 году, он выделяется благодаря интерфейсу командной строки Ember Command Line Tool, который упрощает процессы разработки и поддержки приложений.

Ember использует технологию FastBoost для обеспечения плавной серверной отрисовки. Встроенная система маршрутизации, интегрированная с URL-адресами, позволяет легко отображать шаблоны, плавно загружать данные и отслеживать текущее состояние приложения.

Made in HTML/CSS

Что такое workers в JS?

Workers в JavaScript используются для выполнения сложных задач, которые могут занимать значительное время для обработки, таких как обработка данных или генерация отчётов.

Они позволяют перегружать ресурсоёмкие задачи из основного потока, не блокируя интерфейс пользователя.

Существуют три основных типа workers в JavaScript:

- Web workers (выделенные рабочие). Запускают скрипты в отдельном потоке, отличном от основного потока пользовательского интерфейса. Не имеют прямого доступа к DOM.
- Service workers. Выполняются в фоновом режиме, независимо от веб-приложения. Обрабатывают события сети, такие как запросы на получение ресурсов. Позволяют кешировать ресурсы и работать без подключения к Интернету.
- Shared workers. Могут быть общими для нескольких скриптов, запускаемых в разных окнах или фреймах, если они находятся в одном домене. Используются для координации задач в разных частях веб-страницы.

Made in HTML/CSS