Frontend Interview - собеседования по Javascript / Html / Css

2021-03-18 12:02:00 Открыть/Комментировать

2021-03-17 20:06:00 Определите разницу между компонентами с состоянием и компонентами без состояния

Компоненты с состоянием и без называются по разному:
Компоненты-контейнеры и компоненты-представители
Умные и глупые компоненты

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

Пример Stateful/Container/Smart компонент:
class Main extends Component {
constructor() {
super()
this.state = {
books: []
}
}
render() {

}
}

Пример Stateless/Presentational/Dumb компонент
const BooksList = ({ books }) => {
return (

{books.map(book =>
• {book.name}
})}

)
}

1.1K views17:06

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

2021-03-16 18:23:00 Сортировка по последней букве

Вам дана строка, состоящая из слов. Вам нужно отсортировать слова по последней букве. Если в двух словах одинаковая последняя буква, то они должны выводиться в исходном порядке.

Примеры:
last('man i need a taxi up to ubud')
//['a', 'need', 'ubud', 'i', 'taxi', 'man', 'to', 'up']

last('what time are we climbing up the volcano')
//['time', 'are', 'we', 'the', 'climbing', 'volcano', 'up', 'what'])

last('take me to semynak')
//['take', 'me', 'semynak', 'to'] Открыть/Комментировать

2021-03-16 12:23:00 ​Изучаете HTML & CSS и задаетесь вопросом, как сделать процесс разработки более комфортным?
Приходите на бесплатный вебинар от GeekBrains, мы поговорим о том, как повысить скорость и качество.

Рассмотрим:
⁃ Методологии названия классов
⁃ Валидаторы
⁃ Препроцессоры
⁃ Необходимые расширения
⁃ Плагины
Будем говорить о преимуществах и минусах использования, поэтому после вебинара вы сможете углубиться в технологии, подходящие под ваши задачи.

Записывайтесь тут https://geekbrains.ru/link/xc9-Bx Открыть/Комментировать

2021-03-16 10:03:34 В чем преимущество виртуального DOM?

При добавлении новых элементов в UI создается виртуальное представление дерева элементов. Каждый элемент является узлом этого дерева. При изменении состояния любого из этих элементов создается новый виртуальный DOM. Новое представление сравнивается со старым, определяется разница.

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

Преимущества виртуального DOM
1. Процесс обновления является сбалансированным и оптимизированным
2. Связывание данных в React предполагает соблюдение некоторых правил для создания динамичных приложений
3. Идеально подходит для "mobile first" приложений
4. Умный рендеринг. Использование эвристических методов сравнения позволяет минимизировать количество операций обновления Открыть/Комментировать

2021-03-15 19:03:00 Открыть/Комментировать

2021-03-15 15:00:02 ​В чем разница между браузерным и виртуальным DOM?

Браузерный DOM
DOM расшифровывается как "Document Object Model" (объектная модель документа). Браузерный DOM предоставляет интерфейс (API) для работы с узлами. Данный интерфейс включает методы querySelector(), textContent(), appendChild(), removeChild() и т.д.

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

Виртуальный DOM
Виртуальный DOM - это объектное представление DOM, хранимое в оперативной памяти. При каждом изменении состояния приложения обновляется виртуальный, а не браузерный DOM.

Виртуальный DOM - это абстракция браузерного DOM. Он является легковесным и не зависит от специфичных для браузера деталей реализации. Поскольку браузерный DOM сам по себе является абстракцией, правильнее будет сказать, что виртуальный DOM - это абстракция абстракции. Открыть/Комментировать

2021-03-15 09:00:25 Новости от команды Лектрума

18 марта в 19:30 по Киеву и 20:30 по Москве пройдёт вебинар для новичков на тему «Старт в веб-разработку: JavaScript».

Программа:
Зачем нужен JavaScript?
План развития в разработке на основе JS.
Как эффективно стартовать новичку в разработку?
Требования к начинающим разработчикам.
QA с экспертом: разберём вопросы, которые беспокоят новичков.

Приглашаем на вебинар:
Верстальщиков, которые хотят продвигаться в веб-разработке.
Новичков-самоучек, которые запутались в своём пути.


Нажимайте на кнопку для регистрации и занимайте места. Открыть/Комментировать