前端面试题----VUE

vuex

get请求和post请求的区别

区别

vuex自己总结

git的一些命令

https://blog.csdn.net/weixin_49851451/article/details/123944431

1. Vue里面有一个axios,axios的底层是怎么实现的，用的什么实现的？

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
axios官网
二次封装axios

2.Vue的生命周期？Vue的生命周期，在哪里发请求？

Vue生命周期详解

父子组件的生命周期（执行顺序）

执行顺序

3.mounted和created的区别？

created：在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。

mounted：在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作

4.组件传值？

父传子，子传父，兄弟组件之间的传值
https://blog.csdn.net/Cool_so_cool/article/details/105974308

5.keep-alive是怎么使用的？底层原理是什么，怎么实现的？以及生命周期？

https://blog.csdn.net/fu983531588/article/details/90321827

6.vue双向数据绑定的原理？

https://blog.csdn.net/Cool_so_cool/article/details/106220598

7.computed和wacth的区别？

https://blog.csdn.net/Cool_so_cool/article/details/105265451

https://fe.ecool.fun/topic/f8de3a13-fb8b-44fd-9a8c-460a36998902?orderBy=updateTime&order=desc&tagId=14

8.说一下MVVM和MVC？

https://blog.csdn.net/Cool_so_cool/article/details/106395308
https://www.cnblogs.com/web-record/p/11757774.html

9.v-model干嘛的？

https://www.jianshu.com/p/ceaab8df4e78

10.v-if, v-for一起使用会发生什么？

https://blog.csdn.net/qq_37024887/article/details/104970950

11.v-show与v-if区别？

https://blog.csdn.net/Cool_so_cool/article/details/105940456

12.vue之 ref 和$refs的使用

https://www.cnblogs.com/codexlx/p/12709659.html

13.router和route的区别

https://www.jianshu.com/p/b263ac9a403d

14.ref 和 refs

https://www.cnblogs.com/codexlx/p/12709659.html

16.key作用

https://www.cnblogs.com/gitByLegend/p/10835850.html

vue中绑定key值。index和id的区别

id和index区别

17.项目页面布局？

https://blog.csdn.net/wangye111112222/article/details/100071785

18.路由的守卫

https://blog.csdn.net/Cool_so_cool/article/details/106455205

19.vue中的next函数

https://www.jianshu.com/p/59f935520d8f

20.介绍vue响应式

https://www.cnblogs.com/jiajialove/p/11323105.html
https://cn.vuejs.org/v2/guide/reactivity.html

21.vue的路由跳转配置

https://www.jianshu.com/p/cf8fcfce8629?tdsourcetag=s_pctim_aiomsg

22.Vue加载页面的时候，小胡子的闪烁问题？

https://www.cnblogs.com/longsf/p/9269507.html

23.子路由如何实现路由的页面跳转？

24.请介绍一下你对vue-router的理解？

vue-router实现原理？
https://editor.csdn.net/md/?articleId=106611344

25.简述computed和watch的使用场景

https://www.cnblogs.com/wuqilang/p/11241604.html

26.vue-router的next()方法

https://www.cnblogs.com/ajaxlu/p/11742189.html
https://www.jianshu.com/p/59f935520d8f

27.vue2、vue3相⽐ 更新了哪些

https://blog.csdn.net/Mr_RedStar/article/details/123537033

28.vue-router 单⻚⾯实现原理

https://www.cnblogs.com/Jeely/p/11236563.html

29.nextTick 实现原理。简单实现一个nextTick。Vue.nextTick和mounted的区别

https://blog.csdn.net/ydrpw/article/details/108927852
https://blog.csdn.net/cctvcqupt/article/details/118107981

Vue.nextTick和mounted的区别

$nextTick和setTimeout区别

区别

30.什么是虚拟DOM

https://zhuanlan.zhihu.com/p/371052248

31.created、mounted 区别 ⽗⼦组件⽣命周期执⾏顺序

1.https://www.csdn.net/tags/MtTaYg5sNjIzMzUtYmxvZwO0O0OO0O0O.html
2.https://blog.csdn.net/weixin_51348217/article/details/112798689

32.VUE3监听数组的变化

https://www.cnblogs.com/xiaozhumaopao/p/14016672.html

33.vite和webpack的区别

https://baijiahao.baidu.com/s?id=1760851598652016985&wfr=spider&for=pc

项目相关

提高了代码的复用率，减少了冗余代码；
1.组件化和模块化

1. 为什么要组件化开发
   有时候页面代码量太大，逻辑太多或者同一个功能组件在许多页面均有使用，维护起来相当复杂，这个时候，就需要组件化开发来进行功能拆分、组件封装，已达到组件通用性，增强代码可读性，维护成本也能大大降低
   2. 组件化开发的优点
   很大程度上降低系统各个功能的耦合性，并且提高了功能内部的聚合性。这对前端工程化及降低代码的维护来说，是有很大的好处的，耦合性的降低，提高了系统的伸展性，降低了开发的复杂度，提升开发效率，降低开发成本
   3. 组件化开发的原则
   专一
   可配置性
   标准性
   复用性
   可维护性
   模块化
   4. 为什么要模块化
   早期的javascript版本没有块级作用域、没有类、没有包、也没有模块，这样会带来一些问题，如复用、依赖、冲突、代码组织混乱等，随着前端的膨胀，模块化显得非常迫切
   5. 模块化的好处
   避免变量污染，命名冲突
   提高代码复用率
   提高了可维护性
   方便依赖关系管理

VUE项目中的优化

1.不要在模板里面写过多表达式
2.循环调用子组件时添加key
3.频繁切换的使用v-show，不频繁切换的使用v-if
4.尽量少用float，可以用flex
5.按需加载，可以用require或者import()按需加载需要的组件
6.路由懒加载
7. 对于图片过多的页面，为了加速页面加载速度，所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载， 等到滚动到可视区域后再去加载。这样对于页面加载性能上会有很大的提升，也提高了用户体验。我们在项目中使用 Vue 的 vue-lazyload 插件：

遇到问题怎么解决的

我说如果遇到问题我会先自己从网上百度查一下，如果还是不会，就请教一下同事，如果同事也不会，我会向上级反应一下，为啥做不出来，看看是派个同事过来帮一下我，还是说适当的延长一下时间

别人总结记录

基础篇

1. 介绍JS数据类型，基本数据类型和引用数据类型的区别。
   a. 他们分别储存在哪里？
   b. 栈和堆的区别？js垃圾回收时，栈和堆的区别
2. 介绍闭包以及闭包为什么没清除
   a. 闭包的使用场景
3. 发布-订阅和观察者模式的区别
4. 平常是怎么做继承
5. 深拷贝和浅拷贝
6. React声明周期及自己的理解
   a. React中setState后发生了什么
   b. 虚拟DOM主要做了什么
   c. 虚拟DOM本身是什么（JS对象）
   d. react key的作用？
7. 介绍Redux，以及数据流的流程
   a. Redux如何实现多个组件之间的通信，多个组件使用相同状态如何进行管理
   b. 多个组件之间如何拆分各自的state，每块小的组件有自己的状态，它们之间还有一些公共的状态需要维护，如何思考这块
8. 了解过服务端渲染SSR么
9. 自己遇到过哪些跨域问题，又时如何解决的
   a. 介绍jsnop跨域方案，以及服务端要如何配合
10. ES6相关
    a. promise的有几个状态
    b. promise、async有什么区别
    c. promise.all()是如何实现的
    d. 对async、await的理解，内部原理
    e. 箭头函数的this指向哪里
11. promise 和 setTimeout执行的先后顺序？
12. 什么是宏任务、微任务
    工程篇
13. webpack的生命周期
    a. webpack打包的整个过程
    b. loader和plugin有什么区别
    c. 常用的loader和plugin有哪些
    性能优化
14. 单页面spa应用有哪些缺点？做过哪些性能优化
15. react做过哪些性能优化
16. 做过防抖和节流么？防抖和节流的区别
17. 自己做那些前端性能优化
    综合
18. 做过哪些技术方面比较有挑战的事情