前端⾯试题精编2020（js、html、⼩程序、React、ES6、
Vue、算法、全栈热门。。。
⽂档描述
本⽂是关注微信⼩程序的开发和⾯试问题，
由基础到困难循序渐进，
适合⾯试和开发⼩程序。
并有热点（vue react node.js 全栈）前端资源以及后端视频资源和源码
并基于前端进阶和⾯试的需求 总结了常⽤插件和js算法
以及html/css 和js热点⾯试题
Vue⾯试题
⽣命周期函数⾯试题
1.什么是 vue ⽣命周期
2.vue⽣命周期的作⽤是什么
3.第⼀次页⾯加载会触发哪⼏个钩⼦
4.简述每个周期具体适合哪些场景
6.vue获取数据在哪个周期函数
7.请详细说下你对vue⽣命周期的理解？
vue路由⾯试题
1.mvvm 框架是什么？
2.vue-router 是什么?它有哪些组件
3.active-class 是哪个组件的属性？
4.怎么定义 vue-router 的动态路由? 怎么获取传过来的值
5.vue-router 有哪⼏种导航钩⼦?
6.$route 和 $router 的区别
7.vue-router响应路由参数的变化
8.vue-router传参
9.vue-router的两种模式
10.vue-router实现路由懒加载（ 动态加载路由 ）
vue常见⾯试题
1.vue优点
2.vue⽗组件向⼦组件传递数据？
3.⼦组件像⽗组件传递事件
4.v-show和v-if指令的共同点和不同点
5.如何让CSS只在当前组件中起作⽤
6.<keep-alive></keep-alive>的作⽤是什么?
7.如何获取dom
8.说出⼏种vue当中的指令和它的⽤法？
9. vue-loader是什么？使⽤它的⽤途有哪些？
10.为什么使⽤key
11.axios及安装
12.axios解决跨域
13.v-modal的使⽤
14.scss的安装以及使⽤
14.scss的安装以及使⽤
15. 请说出vue.cli项⽬中src⽬录每个⽂件夹和⽂件的⽤法？
16.分别简述computed和watch的使⽤场景
17.v-on可以监听多个⽅法吗
18.$nextTick的使⽤
19.vue组件中data为什么必须是⼀个函数
20.vue事件对象的使⽤
21 组件间的通信
22.渐进式框架的理解
23.Vue中双向数据绑定是如何实现的
24.单页⾯应⽤和多页⾯应⽤区别及优缺点
25.vue中过滤器有什么作⽤及详解
26.v-if和v-for的优先级
27.asts和static的区别
28.列举常⽤的指令
29.vue常⽤的修饰符
30.数组更新检测
31.Vue.t视图更新
32.⾃定义指令详解
33.vue的两个核⼼点
34.vue和jQuery的区别
35 引进组件的步骤
36.Vue-cli打包命令是什么？打包后悔导致路径问题，应该在哪⾥修改
37.三⼤框架的对⽐
38. 跨组件双向数据绑定
39.delete和Vue.delete删除数组的区别
40.SPA⾸屏加载慢如何解决
41.Vue-router跳转和location.href有什么区别
42. vue slot
43.你们vue项⽬是打包了⼀个js⽂件，⼀个css⽂件，还是有多个⽂件？
44.vue遇到的坑，如何解决的？
45.Vue⾥⾯router-link在电脑上有⽤，在安卓上没反应怎么解决？
46.Vue2中注册在router-link上事件⽆效解决⽅法
47.RouterLink在IE和Firefox中不起作⽤（路由不跳转）的问题
48.axios的特点有哪些
49.请说下封装 vue 组件的过程？
50.vue 各种组件通信⽅法（⽗⼦ ⼦⽗ 兄弟 爷孙 毫⽆关系的组件）
51.params和query的区别
52. vue mock数据
53 vue封装通⽤组件
54.vue初始化页⾯闪动问题
55.vue禁⽌弹窗后的屏幕滚动
56.vue更新数组时触发视图更新的⽅法
57.vue常⽤的UI组件库
58. vue如何引进本地背景图⽚
59. vue如何引进sass
60.vue修改打包后静态资源路径的修改
vuex常见⾯试题
1.vuex是什么？怎么使⽤？哪种功能场景使⽤它？
2.vuex有哪⼏种属性
3.不使⽤Vuex会带来什么问题
4.Vue.js中ajax请求代码应该写在组件的methods中还是vuex的actions中？
5.vuex⼀个例⼦⽅法
6.Vuex中如何异步修改状态
7.Vuex中actions和mutations的区别
vue项⽬实战
1.顶部悬停效果
2.电话本列表效果（ 右边字母分类 上下滑动 旁边字母显⽰⾼亮）
3.vue做代理
4.Vue路由切换时的左滑和右滑效果⽰例
⾯试题
ES6新增⽅法⾯试题
1.let const var⽐较
2.反引号（`）标识
3.函数默认参数
4.箭头函数
5.属性简写
6.⽅法简写
7.Object.keys()⽅法，获取对象的所有属性名或⽅法名
8.Object.assign ()原对象的属性和⽅法都合并到了⽬标对象
f 循环
10.import和export
11.Promi对象
12.解构赋值
13.t数据结构（可⽤于快速去重）
14.Spread Operator 展开运算符(...)
15.字符串新增⽅法
ES6数组⾯试题
1.forEach()
2.map()
3.filter()
5.some()
6.every()
7.all()⽅法
ES6编程题
1.使⽤解构，实现两个变量的值的交换
2.利⽤数组推导，计算出数组 [1,2,3,4] 每⼀个元素的平⽅并组成新的数组。
3.使⽤ES6改下⾯的模板
4.把以下代码使⽤两种⽅法，来依次输出0到9？
⾯试题
react⽣命周期⾯试题
3.运⾏阶段⽣命周期调⽤顺序
4.shouldComponentUpdate 是做什么的，（react 性能优化是哪个周期函数？）
5.指出(组件)⽣命周期⽅法的不同
react 基础⾯试题
1.React 中 keys 的作⽤是什么？
2.React 中 refs 的作⽤是什么？
3.React 中有三种构建组件的⽅式
4.调⽤ tState 之后发⽣了什么？
6.为什么建议传递给 tState 的参数是⼀个 callback ⽽不是⼀个对象
7.除了在构造函数中绑定 this，还有其它⽅式吗
8.tState第⼆个参数的作⽤
9.(在构造函数中)调⽤ super(props) 的⽬的是什么
10.简述 flux 思想
11.在 React 当中 Element 和 Component 有何区别？
12.描述事件在 React 中的处理⽅式。
14.如何告诉 React 它应该编译⽣产环境版本？
15.Controlled Component 与 Uncontrolled Component 之间的区别是什么？
react组件⾯试题
1.展⽰组件(Prentational component)和容器组件(Container component)之间有何不同
2.类组件(Class component)和函数式组件(Functional component)之间有何不同
3.(组件的)状态(state)和属性(props)之间有何不同
4.何为受控组件(controlled component)
5.何为⾼阶组件(higher order component)
6.应该在 React 组件的何处发起 Ajax 请求
8.什么时候在功能组件( Class Component )上使⽤类组件( Functional Component )？
9.受控组件( controlled component )与不受控制的组件( uncontrolled component )有什么区别？
redux⾯试题
3.了解 redux 么，说⼀下 redux 把
react性能⽐较⾯试题
1.vue和react的区别
3.React 项⽬⽤过什么脚⼿架
4.介绍⼀下webpack webpack
5.如果你创建了类似于下⾯的 Twitter 元素，那么它相关的类定义是啥样⼦的？
6.为什么我们需要使⽤ React 提供的 Children API ⽽不是 JavaScript 的 map？
js⾯试题
1.简述同步和异步的区别
2.怎么添加、移除、复制、创建、和查找节点
3.实现⼀个函数clone 可以对Javascript中的五种主要数据类型（Number、string、Object、Array、Boolean）进⾏复制
4.如何消除⼀个数组⾥⾯重复的元素
5.写⼀个返回闭包的函数
6.使⽤递归完成1到100的累加
7.Javascript有哪⼏种数据类型
8.如何判断数据类型
10.Js的事件委托是什么，原理是什么
11.如何改变函数内部的this指针的指向
12.列举⼏种解决跨域问题的⽅式，且说明原理
13.谈谈垃圾回收机制的⽅式及内存管理
14.写⼀个function ，清除字符串前后的空格
15.js实现继承的⽅法有哪些
16.判断⼀个变量是否是数组，有哪些办法
17.let ，const ，var 有什么区别
18.箭头函数与普通函数有什么区别
19.随机取1-10之间的整数
21.Ajax原理
22.模块化开发怎么做
23.异步加载Js的⽅式有哪些
25.webpack如何实现打包的
26.常见web安全及防护原理
27.⽤过哪些设计模式
28.为什么要同源限制
29.offtWidth/offtHeight,clientWidth/clientHeight与scrollWidth/scrollHeight的区别
30.javascript有哪些⽅法定义对象
31.说说你对promi的了解
32.谈谈你对AMD、CMD的理解
33.web开发中会话跟踪的⽅法有哪些
34.介绍js有哪些内置对象？
35.说⼏条写JavaScript的基本规范？
36.javascript创建对象的⼏种⽅式？
37.eval是做什么的？
38.null，undefined 的区别？
39.[“1”, “2”, “3”].map(parInt) 答案是多少？
40.javascript 代码中的”u strict”；是什么意思 ? 使⽤它区别是什么？
41.js延迟加载的⽅式有哪些？
42.defer和async
43.说说严格模式的限制
44.attribute和property的区别是什么？
45.ECMAScript6 怎么写class么，为什么会出现class这种东西?
