一面:基础知识(JS基础知识/框架基本使用)
二面:高级特性+原理(框架高级特性/框架原理)
三面:设计+经验(项目设计能力/工作经验和环境)
Vue面试题:
- v-show和v-if区别
- 为何v-for中要用到key
- 描述vue组件生命周期(有父子组件的情况)
- Vue组件如何通讯
- 描述组件渲染和更新过程
- 双向数据绑定与v-model的实现原理
React面试题
- react组件如何通讯
- JSX本质是什么
- Context是什么,有何用途
- shouldComponentUpdate的用途SCU
- 描述redux单项数据流
- SetState是同步还是异步
框架综合应用
- 基于React设计一个todolist(组件结构,redux state数据结构)
- 基于Vue设计一个购物车(组件结构,vuex state数据结构)
Webpack面试题:
- 前端代码为何要进行构建和打包
- Module chunk bundle分别是什么意思,有何区别
- Loader和plugin的区别
- Webpack如何实现懒加载
- Webpack常见性能优化
- Babel-runtime和babel-polyfill区别
如何面对面试题
- 框架的使用(基本使用,高级特性,周边插件)
- 框架原理(基本原理了解,热门技术的深度,全面性)
- 框架的实际应用,即设计能力(组件结构,数据结构)