Интервью по фронтенду 2021 | Темы Vue.js

внешний интерфейс
Интервью по фронтенду 2021 | Темы Vue.js 
本文版权归 “公众号 | 前端一万小时” 所有，欢迎转载！

转载请注明出处，未经同意，不可修改文章内容。

🔥🔥🔥«10 000 часов на интерфейсе» — это ограниченная по времени скидка на две звездочки, добро пожаловать, щелкнув по каждому модулю в строке меню официальной учетной записи, чтобы понять ~

❗️❗️❗️
Следующая ссылка является последней главой об ошибках в этой статье -"Интервью | Вью"

  • «Предварительные вопросы интервью» и «подробное объяснение справочных ответов» относятся к «￥102,4199 иен| Вопросы для интервью"Эксклюзивный контент для частной команды, нуженплатить за чтение;

  • Статьи, указанные в списке статей, принадлежат "￥20202999 иен| От нуля до простого трудоустройства«Эксклюзивный контент для частной команды, за исключением части с открытым исходным кодом, все остальные обязательны.платить за чтение;

▷ Предварительное знание Интернета

▷ HTML

▷ CSS

▷ 🚀HTML+CSS реальный бой: разработка статической домашней страницы "Jianshu" на стороне ПК (сложность: ☆☆)

▷ Первое знакомство с JavaScript

▷ Начало работы с JavaScript

▷ Основы JavaScript

▷ 🚀Родной бой JS: небольшая серия DEMO (сложность: ☆☆)

▷ ES6+

▷ 🚀Родной бой JS: серия по сборке колес (сложность: ☆☆☆☆)

▷ Взаимодействие с интерфейсом и сервером

▷ Интерфейсное расширение

▷ 🚀Нативный бой проекта JS: мобильный музыкальный плеер (сложность: ☆☆☆)

▷ Базовое изучение грамматики React.js

▷ 🚀Бой проекта React.js: разработка "Цзяньшу" на стороне ПК (сложность: ☆☆☆☆)


▽ Базовое изучение грамматики Vue.js

  • «Введение в Vue — ① Hello World» [номер: vue_01]

❗❗️❗️️P.s. Ответ в диалоговом окне официального аккаунта vue_01, vue_02, web_01, html_01 или css_01 Ознакомьтесь с эталонным примером ответа~

涉及面试题：
1. Vue.js 是什么？
2. Vue.js 的主要功能是什么？
  • «Введение в Vue — ② Разработка TodoList (v-model, v-for, v-on)» [Номер: vue_02]
涉及面试题：
1. v-model 的使用？
2. v-on 可以监听多个方法吗？
3. 如何使用事件处理程序？
4. 如何实现双向绑定？
5. v-model 支持什么修饰符？
  • «Введение в Vue — ③ Шаблон MVVM» [Номер: vue_03]
涉及面试题：
1. 什么是 MVVM？比之 MVC 有什么区别？
2. Vue 的优点？
3. 渐进式框架的理解？
4. 三大框架的对比？
  • «Введение в Vue — ④ Использование компонентов для преобразования TodoList» [Номер: vue_04]
涉及面试题：
1. 引进组件的步骤？
2. 组件是什么并给个例子？
3. 组件中的全局注册是什么？
4. 为什么你需要局部注册？
5. 局部注册和全局注册在模块系统中有什么区别？
  • «Введение в Vue — ⑤ Простой перенос значений между компонентами» [Номер: vue_05]
涉及面试题：
props 是什么？
  • «Основы Vue — ① экземпляр Vue» [номер: vue_06]
涉及面试题：
1. Vue 实例是什么？
2. 如何访问根实例？
3. 如何访问父实例？
  • «Основы Vue — ② Жизненный цикл экземпляра Vue» [Номер: vue_07]
涉及面试题：
1. Vue 生命周期的作用是什么？
2. 什么是 Vue 生命周期？
3. 第一次页面加载会触发哪几个钩子？
4. 简述每个周期具体适合哪些场景？
5. created 和 mounted 的区别？
6. Vue 获取数据在哪个周期函数？
7. $nextTick 的使用？
  • «Основы Vue — ③ Синтаксис шаблона Vue»
  • «Основы Vue — ④ Вычисляемые свойства, методы и прослушиватели» [Номер: vue_09]
涉及面试题：
computed 计算属性的用法？与 watch、methods 的区别？分别简述 computed 和 watch 的使用场景？
  • «Основы Vue — ⑤ геттеры и сеттеры вычисляемых свойств» [номер: vue_10]
涉及面试题：
Vue.set 视图更新？
  • «Основы Vue — ⑥ Привязка стилей в Vue» [Номер: vue_11]
涉及面试题：
如何让 CSS 只在当前组件中起作用？
  • «Основы Vue — ⑦ Условный рендеринг в Vue» [Номер: vue_12]
涉及面试题：
1. v-show 和 v-if 指令的共同点和不同点？
2. v-if 和 v-for 的优先级？
3. 条件指令是什么？
  • «Основы Vue — ⑧ Рендеринг списка в Vue» [Номер: vue_13]
涉及面试题：
 1. 说出几种 Vue 当中的指令和它的用法？
 2. 为什么使用 key？
 3. 列举常用的指令？
 4. v-for 指令的目的是什么？
 5. 如何复用有 key 属性的元素？
 6. 为什么不能在同一个元素上同时使用 v-if 和 v-for 指令？
 7. 为什么使用 for 指令时需要 key 属性？
 8. 如何在一个范围内使用 v-for 指令？
 9. 如何在模板上使用 v-for 指令？
10. 什么是数组检测突变的方法？
11. 什么是数组检测非突变方法？
12. 检测数组变化有什么注意事项？
13. 检测对象变化有什么注意事项？
  • «Углубленное понимание компонентов Vue — ① подробности использования компонентов» [Номер: vue_14]
涉及面试题：
1. Vue 组件中 data 为什么必须是一个函数？
2. Vue 的两个核心点？
3. 如何获取 DOM？
  • «Глубокое понимание компонентов Vue — ② передача данных между родительским и дочерним компонентами» [Номер: vue_15]
涉及面试题：
1. Vue 父组件向子组件传递数据？
2. 子组件像父组件传递事件？
3. 跨组件双向数据绑定？
4. 什么是可接受的 prop 类型？
5. props 后面的数据流是什么？
6. 什么是非 prop 属性？
7. props 有哪些可用的验证？
  • «Глубокое понимание компонентов Vue — ③ проверка параметров компонентов и непроп-функций»
  • «Углубленное понимание компонентов Vue — ④ Привязка собственных событий к компонентам»
  • «Глубокое понимание компонентов Vue — ⑤ Перенос значений между неродительскими и дочерними компонентами» [Номер: vue_18]
涉及面试题：
组件间的通信?
  • «Углубленное понимание компонентов Vue — ⑥ Использование слотов в Vue» [Номер: vue_19]
涉及面试题：
什么是 slot？
  • «Глубокое понимание компонентов Vue — ⑦ Слоты Scope»
  • «Глубокое понимание компонентов Vue — ⑧ динамических компонентов и директив v-once» [Номер: vue_21]
涉及面试题：
什么是动态组件？
  • «Спецэффекты анимации в Vue — ① принцип анимации CSS в Vue»
  • «Анимация спецэффектов в Vue — ② Использование библиотеки Animate.css во Vue»
  • «Анимационные эффекты в Vue — ③ Одновременное использование переходов и анимации в Vue»
  • «Спецэффекты анимации в Vue — ④ Комбинация JS-анимации в Vue и Velocity.js» [Номер: vue_25]
涉及面试题：
提供 transitions 有什么可能的方式？
  • «Эффекты анимации в Vue — ⑤ Переход нескольких элементов или компонентов в Vue»
  • «Эффекты анимации в Vue — ⑥ Переход списка в Vue»
  • «Спецэффекты анимации в Vue — ⑦ Упаковка анимации в Vue»

▽ 🚀Битва проекта Vue.js: разработка мобильного терминала "турсайт" (сложность: ☆☆☆☆)

  • «Подготовка к бою Vue — ① Используйте «подмости» для постройки проекта»
  • «Практическая подготовка Vue — ② Анализ исходного кода Project Framework» [№: travel_02]
涉及面试题：
请说出 Vue CLI 项目中 src 目录每个文件夹和文件的用法？
  • "Боевая подготовка Vue - ③ однофайловая составляющая и "маршрутизация" во Vue" [Номер: travel_03]
涉及面试题：
1. 单文件组件解决了哪些问题？
2. Vue-router 跳转和 location.href 有什么区别？
3. Vue 里面 router-link 在电脑上有用，在安卓上没反应怎么解决？
4. Vue2 中注册在 router-link 上事件无效解决方法？
5. 什么是 Vue Router 和它的特性？
6. 使用 Vue Router 路由器的步骤是什么并给出一个例子？
7. 什么是路线匹配优先级？
8. 什么是嵌套路由？
  • «Практическая подготовка Vue — ④ одностраничное приложение 🆚 многостраничное приложение» [ID: travel_04]
涉及面试题：
单页面应用和多页面应用区别及优缺点？
  • «Практическая подготовка Vue - ⑤ Чтобы получить проект «мобильный терминал», вам нужно сделать 4 вещи в первую очередь»
  • «Разработка домашней страницы — ① Компонент заголовка» [Номер: travel_06]
涉及面试题：
1. 何时需要一个单独的根元素？
2. 什么是 Asset URL 转换规则？
3. 是否可能将局部和全局样式混在一起？
4. 在 scoped CSS 中父级样式是否泄漏到子组件中？
  • «Разработка домашней страницы — ② Компонент карусели» [ID: travel_07]
涉及面试题：
1. 什么是插件及它的各种服务？
2. 如何创建一个插件？
3. 如何使用插件？
4. 如何使用 deep 选择器？
  • «Разработка домашней страницы — ③ Компоненты области значков»
  • «Разработка домашней страницы - ④ Компоненты «Рекомендации по горячим продажам» и «Куда пойти на выходных»
  • «Разработка домашней страницы — ⑤ AJAX Получить данные домашней страницы»
  • «Разработка страницы выбора города — ① Компонент заголовка»
  • «Разработка страницы выбора города - ② Макеты «Поиск», «Список» и «Алфавит»
  • "Разработка страницы выбора города - ③ AJAX для получения данных страницы выбора города"
  • "Разработка страницы выбора города - ④ Связь "Список" и "Алфавит""
  • «Разработка страницы выбора города - ⑤ Реализация логики «Окно поиска»»
  • «Разработка страницы выбора города — ⑥ Vuex реализует совместное использование данных компонентов»
  • «Разработка страницы выбора города — ⑦ Использование localStorage и расширенное использование Vuex»
  • «Разработка страницы выбора города – ⑧ Используйте поддержку активности для оптимизации производительности веб-страницы» [ID: travel_18]
涉及面试题：
keep-alive 标签的目的是什么？
  • «Разработка страницы сведений — ① Динамическая маршрутизация и компоновка компонентов баннера»
  • «Разработка страницы сведений — ② Компонент общедоступной галереи изображений»
  • «Разработка страницы сведений — ③ Компонент заголовка (реализация затухания и затухания заголовка)»
  • «Разработка страницы сведений — ④ Компоненты «Список» и «Комментарии пользователей» страницы сведений» [ID: travel_22]
涉及面试题：
什么是递归组件？
  • «Разработка страницы сведений — ⑤ динамическое получение AJAX данных страницы сведений»
  • «Разработка страницы сведений — ⑥ Основные компоненты анимации»
  • «Оптимизация производительности и запуск проекта» [ID: travel_25]
涉及面试题：
1. Vue 提供的事件修饰符是什么？
2. 什么是异步组件？
3. 异步组件工厂的结构是什么？

Категории