2021年前端面试题

1.vue的生命周期，dom挂载完成是在哪个生命周期？

2.vue组件间的参数传递有哪几种方式？

3.Vuex 工作原理是什么？vuex有哪几种属性？action 与 mutation 的区别?

4.实现容器box内部元素垂直居中的方法有哪几种？

5.js中try、catch、finally的执行规则？

6.从浏览器输入网址到页面呈现都做了哪些事情？

7.vue常用的指令有哪些

8.说一下你对浏览器缓存机制的理解，强缓存和协商缓存的区别

9.代码中常用的es6方法有哪些

10.普通函数和箭头函数的区别

11.讲一下你对Promise的理解以及它里面的方法；Promise.then().then().then()为什么可以一直执行下去？

12.vue中computed 和watch的区别

13.for...of 、 for...in , forEach、 map的区别

14.vue中filter的使用方法？全局过滤和局部过滤的区别

15.axios 和 fetch 的区别

16.什么是浅拷贝？什么是深拷贝？深拷贝的方法有哪些？

17.改变this指向的方法有哪些？他们的区别是什么？

18.vue是单向数据流还是双向数据流？为什么

19.vue是如何实现数据双向绑定的？

20.vue数组渲染页面时key的作用是什么

21.vue如何实现异步渲染的？了解nextTick吗？

22.常用的本地缓存的方法有哪些？他们的区别是什么？

23.es6中Class的实现原理

24.jsonP解决跨域的原理是是什么？

25.CORS解决跨域的原理是什么，前后端需要做什么处理？

26.讲一下你对webpack的发布流程的理解

27.css3如何定义一个动画

28.宏任务和微任务都有哪些？

29.讲一下你对EventLoop的理解

30.讲一下你对async和await的理解

31.使用es6实现数组去重

32.讲一下你对MVVM模式的理解

33.vue是如何从真实DOM到虚拟DOM

34.vue的diff算法原理

35.v-if 和 v-show 区别? v-for和v-if为什么不能连用

36.vue组件中的data为什么是函数?

37.插槽与作用域插槽的区别?

38.谈谈对keep-alive的了解

39.vue如何实现按需加载配合webpack设置

40.如何让CSS只在当前组件中起作用

41.vue-router有哪几种导航钩子？