面试题大全

前端面试题大全（更新中…）

react

1.React中的类组件和函数组件之间有什么区别？
2.什么是高阶组件？及高阶组件的使用和应用场景？
3.说说react 中jsx语法糖的本质？
4.说说package.json中版本号的规则？
5.React的context传值方法介绍
6.说说对受控组件和非受控组件的理解，以及应用场景？
7.React中如何实现组件间的通信？
8.说说你对react的理解？有哪些特性？
9.说说Real DOM和Virtual DOM的区别？优缺点？
10.说说react的事件机制？
11.对React-Fiber的理解，它解决了什么问题？
12.React性能优化的手段有哪些？

umi

1.umi如何实现路由的动画跳转？
2.umi如何做一个路由的鉴权？
3.umi路由跳转和传参（基于React）？
4.umi如何利用postcss-px-to-viewport做移动端布局？
5.umi 中如何使用 px2rem 插件做rem适配
5.umi中@umijs/plugin-dva的使用，及实现一套增删改

react中其他插件的使用

1.在react中json-server的安装和使用(基础使用)？
2.React Draggable插件实现拖拽功能？

vue2

1.vue2中v-drag如何实现拖拽(移动端)
2.vuex有哪几种属性？
3.v-on可以监听多个方法吗？
4.$router和$route的区别？
5.v-show和v-if指令的共同点和不同点？

vue3

1.vue3如何实现路由动画？
2.vue3中ref和reactive的区别？

ES6

1.ES6中数组新增了哪些扩展?
2.ES6中对象新增了哪些扩展?
3.ES6中函数新增了哪些扩展?
4.ES6中新增的Set、Map两种数据结构怎么理解以及操作方法
5.var、let、const之间有什么区别？（详细版）

JavaScript

1.说说你对JavaScript模块化方案的理解和 CommonJS、AMD、CMD、ES6 Module 分别是什么？
2.JavaScript判断数据类型有几种方法，以及区别？
3.bind、call、apply 三者之间区别？如何实现一个bind?
4.JavaScript判断数据类型有几种方法，以及区别？
5.什么是javascript内存泄漏？以及解决方法
6.什么是防抖和节流，怎么实现一个防抖和节流？
7.js的数据类型有哪些？以及基本数据类型和引用数据类型的区别？
8.null和undefined的区别有哪些？
9.typeof null 的结果是什么？为什么？
10.为什么0.1 + 0.2 !== 0.3，如何让其相等？
11.js如何安全的获取undefinde值？
12.typeof NaN的结果是什么？什么情况下会出现NaN？
13.字符串的转化规则？
14.数字的转化规则？
15.布尔类型的转换规则？
16.|| 和 && 操作符的返回值？
17.什么是 JavaScript 中的包装类型？
18.使用原生js实现一个弹幕效果

CSS

1.怎么用CSS实现三角形？
2.怎么使用css中resize属性实现一个div的拉伸效果
3.CSS3基础动画讲解

性能优化

1.CSS如何提高页面性能？
2.如何利用Webpack来优化前端性能的？
3.怎么用CSS实现三角形？？

git

1.git拉取分支的方法？

其它

1.从浏览器地址栏输入url到显示页面的步骤？
2.谈谈你对webSocket的理解？
3.谈谈你对浏览器内核的理解？
4.前端如何进行性能优化的方法（详细版本）？