前端（Vue，React，offer拿到手软

• ES6中定义的类和对象
• JS中的文档碎片
• 解构赋值
• Array.from
• Array.reduce
• 递归的使用
• Obj.keys()与Obj.defineProperty
• 发布-订阅模式
• vue项目优化，缩短首屏加载时间

深入拓展

• vue开发命令 npm run dev 输入后的执行过程
• vue的服务器端渲染
• 从零写一个npm安装包
• vue-cli中常用到的加载器
• webpack的特点

**篇幅有限，有需要面试资料【[点击这里](

)】可以领取前端Vue，React框架面试题（含题目及答案）**

React 特点：

• 声明式设计：React采用声明范式，可以轻松描述应用。
• 高效：React通过对DOM的模拟，最大限度地减少与DOM的交互。
• 灵活：React可以与已知的库或框架很好地配合。
• JSX：JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。
• 组件：通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。
• 单向响应的数据流：React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。

React面试题总结

基本知识

• 区分Real DOM和Virtual DOM
• 什么是React？
• React有什么特点？
• 列出React的一些主要优点。
• React有哪些限制？
• 什么是JSX？
• 你了解 Virtual DOM 吗？解释一下它的工作原理。
• 为什么浏览器无法读取JSX？
• 与 ES5 相比，React 的 ES6 语法有何不同？
• React与Angular有何不同？

React 组件

• 你理解“在React中，一切都是组件”这句话。
• 解释 React 中 render() 的目的。
• 如何将两个或多个组件嵌入到一个组件中？
• 什么是 Props?
• React中的状态是什么？它是如何使用的？
• 区分状态和 props
• 如何更新组件的状态？
• React 中的箭头函数是什么？怎么用？
• 区分有状态和无状态组件。
• React组件生命周期的阶段是什么？
• 详细解释 React 组件的生命周期方法。
• React中的事件是什么？
• 如何在React中创建一个事件？
• React中的合成事件是什么？
• 你对 React 的 refs 有什么了解？
• 列出一些应该使用 Refs 的情况。
• 如何模块化 React 中的代码？
• 如何在 React 中创建表单
• 你对受控组件和非受控组件了解多少？
• 什么是高阶组件（HOC）？
• 你能用HOC做什么？
• 什么是纯组件？
• React 中 key 的重要性是什么？

React Redux

• MVC框架的主要问题是什么？
• 解释一下 Flux
• 什么是Redux？
• Redux遵循的三个原则是什么？
• 你对“单一事实来源”有什么理解？
• 列出 Redux 的组件。
• 数据如何通过 Redux 流动？
• 如何在 Redux 中定义 Action？
• 解释 Reducer 的作用。
• Store 在 Redux 中的意义是什么？
• Redux与Flux有何不同？
• Redux 有哪些优点？

React 路由

• 什么是React 路由？
• 为什么React Router v4中使用 switch 关键字 ？
• 为什么需要 React 中的路由？
• 列出 React Router 的优点。
• React Router与常规路由有何不同？

总结

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

前端面试题汇总

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

JavaScript

性能

linux