一,几个基本的Vue面试题
- v-show 和 v-if 的区别
- 为何 v-for 中要使用 key
- 描述 Vue 组件的生命周期(画图说明或者以父子组件的案例说明)
- Vue 组件如何通讯
- 描述组件渲染和更新的过程(考察广度、深度、全面度)
- 双向数据绑定 v-model 的实现原理
二,框架综合应用
- 基于 React 设计一个 todolist(组件结构、redux state 数据结构)
基于 Vue 设计一个购物车(组件结构、vuex state 数据结构)
以上两个例子都是基于具体的场景,以此来考察候选人的业务理解能力、业务设计能力,候选人是否能够独立完成项目,这是最基础的一个要求。
三、webpack面试题
- 前端代码为何要进行构建和打包?
- module chunk bundle 分别是什么意思,有何区别?
- loader 和 plugin 的区别?
- webpack 如何实现懒加载?
- webpack 如何实现性能优化?
- babel-runtime 和 babel-polyfill 的区别?
四、如何应对上述面试题?
出题角度:
试题都是从易到难、从理论到概念,到实际应用,再到深入理解,围绕着这样一个角度进行出题的。
突破点:
- 框架的基本使用(基本使用,高级特性,周边插件)
- 框架的原理(基本原理的了解,热门技术的深度,全面性)
- 框架的实际应用及设计能力(组件结构,数据结构)
五、面试官为何要这样考察?
- 保证候选人能正常工作 —— 考察使用
- 多个候选人竞争时,选择有技术追求的 —— 考察原理
- 看候选人是否能够独立承担项目 —— 考察设计能力
