useEffect
Выполняет побочные эффекты в функциональных компонентах, такие как загрузка данных или изменение DOM.

import React, { useEffect, useState } from 'react';

function DataFetchingComponent() {
const [data, setData] = useState([]);

useEffect(() => {
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => setData(data));
}, []);

return (

{[data.map](http://data.map/)(item => (
• {[item.name](http://item.name/)}
))}

);
}

useContext
Используется для доступа к контексту из функциональных компонентов.

import React, { useContext, createContext } from 'react';

const MyContext = createContext();

function ContextComponent() {
const value = useContext(MyContext);

return

function App() {
return (



);
}

useCallback
Возвращает мемоизированную версию коллбека, который изменяется только если изменяются зависимости.

import React, { useCallback, useState } from 'react';

function CallbackComponent() {
const [count, setCount] = useState(0);

const memoizedCallback = useCallback(() => {
console.log(count);
}, [count]);

return Log Count;
}

Что из следующего является более прецедентным: свойства CSS или процедуры HTML?
CSS имеет больший приоритет по сравнению с HTML-процедурами. Браузеры, не поддерживающие CSS, отображают атрибуты HTML.
Frontend Головного Мозга

Почему @import только вверху?
@import предпочтителен только вверху, чтобы избежать каких-либо переопределяющих правил. Обычно порядок ранжирования соблюдается в большинстве языков программирования, таких как Java, Modula и т. д. В C # является ярким примером того, что @import находится вверху.
Frontend Головного Мозга

Почему легко вставить файл, импортировав его?
Импорт позволяет объединять внешние листы и вставлять их во многие листы. Разные файлы и листы могут использоваться для выполнения разных функций. Синтаксис:

Обозначение @import, используемое с tag.

Frontend Головного Мозга

Для чего используется селектор классов?
Селекторы, уникальные для определенного стиля, называются селекторами CLASS. С помощью этого можно выполнить объявление стиля и ассоциации с HTML. Синтаксис:

Имя класса
это может быть AZ, az или цифры.
.top {font: 14em ;}, селектор классов
этот класс связан с элементом

Frontend Головного Мозга

Зарегистрировать атрибуты различных шрифтов?
К ним относятся:

Стиль шрифта
Вариант шрифта
Толщина шрифта
Размер шрифта/высота строки
Семейство шрифтов
Подпись
Значок

Frontend Головного Мозга

*??‍? Что такое NaN?*

Это специальное значение в JavaScript, которое означает «не число» (Not-a-Number).

Возможные причины, по которым значение становится NaN:

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

let result1 = 10 / "hello"; // result1 будет равен NaN let result2 = Math.sqrt(\-1); // result2 будет равен NaN let result3 = parseInt("hello"); // result3 будет равен NaN

Значение NaN имеет интересное свойство: оно не равно ни одному другому значению, включая само себя. Поэтому существует специальная функция isNaN(), которая позволяет проверить, является ли значение NaN:

let result = isNaN(NaN); // result будет равен true let result2 = isNaN("hello"); // result2 будет равен true, потому что строка "hello" не может быть преобразована в число let result3 = isNaN(10); // result3 будет равен false, потому что 10 \- это число

Frontend Головного Мозга

*??‍? Что такое «трёхстороннее рукопожатие»?*

Медленно но уверенно вопросы для frontend разработчика перетекли в сферу безопасности.

Трехстороннее рукопожатие (Triple Handshake) — это проблема безопасности в компьютерных сетях, которая возникает при использовании SSL/TLS-соединений.

В процессе установки безопасного соединения SSL/TLS между клиентом и сервером происходит обмен сообщениями, который состоит из трех шагов (трехстороннее рукопожатие):

Клиент отправляет серверу сообщение SYN с произвольным начальным номером (seq).
Сервер отправляет клиенту сообщение SYN-ACK, подтверждающее получение сообщения SYN и содержащее свой собственный произвольный начальный номер (seq) и номер последовательности подтверждения (ack), который равен начальному номеру клиента +1.
Клиент отправляет серверу сообщение ACK с номером подтверждения, который равен начальному номеру сервера +1.
Проблема Triple Handshake возникает, когда злоумышленник нарушает правильный порядок шагов рукопожатия, вставляя свой сервер между клиентом и настоящим сервером. В этом случае злоумышленник может получить доступ к конфиденциальной информации, передаваемой между клиентом и сервером.

Чтобы избежать проблемы Triple Handshake, необходимо использовать проверенные и безопасные протоколы SSL/TLS и устанавливать соединение только с доверенными серверами.

Frontend Головного Мозга