Senior Frontend Developer | JavaScript, React, HTML & CSS

2022-05-07 19:47:54 DOM: что такое объектная модель документа простыми словами

В статье разберемся с объектной моделью документа (DOM), узнаем для чего это нужно и как эти знания применять на практике.

https://proglib.io/p/dom-chto-takoe-obektnaya-model-dokumenta-prostymi-slovami-2022-02-18 Открыть/Комментировать

2022-05-07 16:40:41 #вопросы_с_собеседований по React

Если компоненту ничего не нужно отрисовывать, что мы можем сделать?
Метод render() или функциональный компонент имеет возможность возвращать null.

Как можно по условию рендерить JSX?
If — else использовать внутри JSX нельзя, но можно динамически возвращать элементы в зависимости от условия:

if (LoggedIn) {
return
} else {
return
}

Еще один вариант — логические операторы:

{count > 10 && }

Также можно использовать тернарный оператор:
{LoggedIn ? : }

4.0K views13:40

Открыть/Комментировать

2022-05-06 17:15:25 #вопросы_с_собеседований по React

Что такое ComponentWillUnmount()?
Эта функция вызывается после того, как элемент удаляется из DOM, и она очищает память, что помогает увеличить доступное пространство.

Укажите разницу между getIntialState() и constructor()?
Если вы хотите создать один компонент, расширив «React. Component», constructor поможет вам инициализировать состояние. Но если вы хотите создавать с помощью «React.createClass», вам следует использовать genInitialState.

Какая польза от пустых тегов <> ?
Пустые теги используются в React для объявления фрагментов.

Объясните использование «ключа» в списке React
Ключи позволяют предоставить каждому элементу списка стабильную идентичность. Ключи должны быть уникальными.

Что такое чистые компоненты?
Чистые компоненты — это самые быстрые компоненты, которые могут заменить любой компонент только с помощью функции render(). Это помогает повысить простоту кода и производительность приложения. Открыть/Комментировать

2022-05-05 20:12:33 isInteger

Это аккуратный способ узнать, является ли значение целым числом. Встроенный в JavaScript API Number предоставляет для этого метод isInteger(). Очень полезная штука, о которой следует знать. Открыть/Комментировать

2022-05-05 16:44:37 #вопросы_с_собеседований
Что такое самовызываемые функции?

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

Следует отметить, что этим функциям не присваивается имя, то есть мы не можем вызывать их снова. Также они известны как анонимные функции. Примеры на картинке. Открыть/Комментировать

2022-05-04 18:30:47 #вопросы_с_собеседований
Как можно клонировать объект?

Можно использовать оператор остатка ....
Можно использовать Object.assign(newObj, oldObj)
Но эти подходы не позволяют выполнить глубокое клонирование. Поэтому если нам нужно клонировать объект со вложенными объектами, мы можем использовать либо метод какой-либо библиотеки (lodash), либо сделать это средствами встроенного объекта JSON.
JSON.parse(JSON.stringify(objectToClone)) Открыть/Комментировать

2022-05-04 16:19:16 30 Day Vanilla JS Challenge 19k

Репозиторий содержит стартовые файлы и готовые решения для 30-ти дневного челленджа по чистому JS, предлагая для тренировки создавать каждый день новый проект.

https://github.com/wesbos/JavaScript30 Открыть/Комментировать