前端框架以及项目面试 聚焦Vue/React/Webpack

一面：基础知识（JS基础知识/框架基本使用）

二面：高级特性+原理（框架高级特性/框架原理）

三面：设计+经验（项目设计能力/工作经验和环境）

Vue面试题：

1. v-show和v-if区别
2. 为何v-for中要用到key
3. 描述vue组件生命周期（有父子组件的情况）
4. Vue组件如何通讯
5. 描述组件渲染和更新过程
6. 双向数据绑定与v-model的实现原理

React面试题

1. react组件如何通讯
2. JSX本质是什么
3. Context是什么，有何用途
4. shouldComponentUpdate的用途SCU
5. 描述redux单项数据流
6. SetState是同步还是异步

框架综合应用

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. 框架的实际应用，即设计能力（组件结构，数据结构）