Решайте задачи на JavaScript0 из 169 задач решено
Перейти к задачам
1567 просмотров
От 4 июня 2024

Ответы на вопросы для собеседования Vue.js

1

Что такое Vue.js?

Vue.js - это прогрессивный open-source фреймворк для разработки пользовательских интерфейсов, который стремится быть легко внедряемым в процесс разработки. Ядро библиотеки фокусируется только на "слое отображения", потому его можно легко интегрировать с множеством библиотек и внедрить в существующие проекты.

2

Основные фичи Vue.js

1. Виртуальный DOM: Vue использует виртульный DOM - такой же подход, как и у других существующих фреймворков (React, Ember и т.п.). VDOM - это хранимая в памяти репрезентация оригинального HTML DOM-дерева, которая обновляется и изменяется, не затрагивая при этом оригинальный DOM. 2. Компоненты: используются для создания переиспользуемых компонентов в любых приложениях на Vue. 3. Шаблоны: Vue предоставляет возможность шаблонизации, которая связывает HTML-разметку с данными компонента и экземпляра класса Vue. 4. Реактивность: Vue дает возможность создавать реактивные односторонние и двусторонние связи данных с их отображением. 5. Роутинг: перемещение между страницами реализовано при помощи библиотеки vue-router. 6. Легковесность: Vue - один из самых легковесных фреймворков в сравнении с другими.

3

В чем преимущества Vue 3?

Основные преимущества по сравнению с Vue 2: - улучшение производительности в среднем в 1.5-2 раза - Composition API - совместимость с TypeScript (в т.ч. типизация шаблонов) - новая концепция реактивности

4

Реактивность в Vue 2 и Vue 3

Во Vue 2 механизм реактивности строился на «геттерах» и «сеттерах». Во Vue 3 концепция реактивности полностью построена на Proxy. Это объект, который содержит в себе другой объект и позволяет «перехватывать» обращения к нему. Proxy во Vue 3 решает некоторые проблемы, присущие системе реактивности Vue 2. Например, добавление новых реактивных свойств в объект либо слежение за всем объектом, а не за единичным свойством.

5

Разница между v-show и v-if?

1. v-if рендерит элемент в DOM-дереве только если выражение истинно, в то время как v-show рендерит его при любом условии, но скрывает при помощи CSS. 2. v-if поддерживает директивы v-else и v-else-if, в то время как v-show не имеет альтернативной директивы. 3. v-if требует больше ресурсов при переключении состояния для рендера, а v-show позволяет делать это максимально быстро, но с соответствующими ограничениями. 4. v-if поддерживает <template>, а v-show нет.

6

Нужен ли атрибут key?

<div v-for="item in items" :key="item.id"> {{item.name}} </div> Для того, чтобы отслеживать каждый уникальный элемент, и в дальнейшем эффективно их переиспользовать, нам нужен атрибут key с уникальным значением для каждого элемента в цикле v-for.

7

Перечислите хуки жизненного цикла компонента Vue

- beforeCreate - created - beforeMount - mounted - beforeUpdate - updated - activated - deactivated - beforeUnmount - unmounted - errorCaptured - renderTracked - renderTriggered

8

Расскажите про beforeCreate и created

beforeCreate: Вызывается синхронно сразу после инициализации экземпляра, перед установкой наблюдения за данными и механизмов слежения и событий. created: Вызывается синхронно после создания экземпляра. На этом этапе экземпляр закончил обработку опций и настроил наблюдение за данными, вычисляемые свойства, методы, коллбэки методов-наблюдателей и событий. Однако, фаза монтирования ещё не начата и свойство $el на данный момент недоступно.

Логотип ДевстанцииАвторизуйтесь, чтобы просматривать следующий контент
10

Расскажите про beforeMount и mounted

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
11

Расскажите про beforeUpdate и updated

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
12

Расскажите про activated и deactivated

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
13

Расскажите про beforeUnmount и unmounted

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
14

Расскажите про errorCaptured

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
15

Расскажите про renderTracked

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
16

Расскажите про renderTriggered

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
Хотите стать частью сообщества Девстанции?
Вступайте в наш чат в Telegram

Вам может быть интересно

Вопросник
  58 вопросов

60 вопросов с собеседований JavaScript

Вопросы для собеседования JavaScript-разработчика

5399 просмотров
От 4 июня 2024
Викторина
  10 вопросов

Сложные вопросы по HTML

Вопросы про HTML для опытных разработчиков

434 просмотра
От 4 октября 2023
Викторина
  15 вопросов

Самая типизированная викторина

Викторина по вопросам о TypeScript

491 просмотр
От 9 октября 2023
Вопросник
  21 вопрос

Вопросы с собеседований по TypeScript

Ответы на вопросы с собеседований по TypeScript

3015 просмотров
От 4 июня 2024
Викторина
  32 вопроса

Большая викторина на знание CSS

Большая викторина по вопросам о CSS

286 просмотров
От 2 июня 2023
Викторина
  21 вопрос

Промисы, async/await и Event Loop

Вопросы про Promise API, async/await и цикл событий

1238 просмотров
От 7 февраля 2024

Топ тредов

Gravatar for 2518iiitblpb
iiitblpb
: Задача на JS "Сложение цифр числа"

Последнее сообщение:
: Вот вам ответ на вашу загадку: "Numeric literals with absolute values equal to 2^53 or greater are t...
4 сообщения
50 просмотров

Gravatar for 1773kartan
Kartan
: Задача в JavaScript "Поиск пары чисел по сумме"

Последнее сообщение:
: Исправлено!
3 сообщения
61 просмотр

: Задача в JavaScript "Форматирование текста"

Последнее сообщение:
: Но тогда другой кейс уже противоречит подходу. Вызов: formatText("Мама пошла в магазин", 4) Ожидалос...
3 сообщения
70 просмотров

Все категории