一,几个基本的Vue面试题

  1. v-show 和 v-if 的区别
  2. 为何 v-for 中要使用 key
  3. 描述 Vue 组件的生命周期(画图说明或者以父子组件的案例说明)
  4. Vue 组件如何通讯
  5. 描述组件渲染和更新的过程(考察广度、深度、全面度)
  6. 双向数据绑定 v-model 的实现原理

二,框架综合应用

  1. 基于 React 设计一个 todolist(组件结构、redux state 数据结构)
  2. 基于 Vue 设计一个购物车(组件结构、vuex state 数据结构)

    以上两个例子都是基于具体的场景,以此来考察候选人的业务理解能力、业务设计能力,候选人是否能够独立完成项目,这是最基础的一个要求。

三、webpack面试题

  1. 前端代码为何要进行构建和打包?
  2. module chunk bundle 分别是什么意思,有何区别?
  3. loader 和 plugin 的区别?
  4. webpack 如何实现懒加载?
  5. webpack 如何实现性能优化?
  6. babel-runtime 和 babel-polyfill 的区别?

四、如何应对上述面试题?

出题角度:
试题都是从易到难、从理论到概念,到实际应用,再到深入理解,围绕着这样一个角度进行出题的。
突破点:

  1. 框架的基本使用(基本使用,高级特性,周边插件)
  2. 框架的原理(基本原理的了解,热门技术的深度,全面性)
  3. 框架的实际应用及设计能力(组件结构,数据结构)

五、面试官为何要这样考察?

  • 保证候选人能正常工作 —— 考察使用
  • 多个候选人竞争时,选择有技术追求的 —— 考察原理
  • 看候选人是否能够独立承担项目 —— 考察设计能力