前端面试题总结（js、html、小程序、React、ES6、Vue、全栈）

前端面试题总结（js、html、小程序、React、ES6、Vue、全栈）

文档描述

本文是关注微信小程序的开发和面试问题，

由基础到困难循序渐进，

适合面试和开发小程序。

并有热点框架（vue react node.js 全栈）前端资源以及后端视频资源和源码

并基于前端进阶和面试的需求 总结了常用插件和js算法

以及html/css 和js热点面试题

Vue面试题

生命周期函数面试题

1.什么是 vue 生命周期

2.vue生命周期的作用是什么

3.第一次页面加载会触发哪几个钩子

4.简述每个周期具体适合哪些场景

5.created和mounted的区别

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.的作用是什么?

7.如何获取dom

8.说出几种vue当中的指令和它的用法？

9. vue-loader是什么？使用它的用途有哪些？

10.为什么使用key

11.axios及安装

12.axios解决跨域

13.v-modal的使用

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.assets和static的区别

28.列举常用的指令

29.vue常用的修饰符

30.数组更新检测

31.Vue.set视图更新

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面试题

ES6新增方法面试题

1.let const var比较

2.反引号（`&#x