2023前端面试总结含参考答案

1. 父子组件生命周期的执行顺序:

vue父子组件钩子的执行顺序分为四个部分：

• 首次加载渲染：父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted
• 子组件更新：父beforeUpdate->子beforeUpdate->子updated->父updated
• 父组件更新：父beforeUpdate->父updated
• 销毁：父beforeDestroy->子beforeDestroy->子destroyed->父destroyed

2. 原型链：

原型链是一种机制，指的是JavaScript每个对象包括原型对象都有一个内置的__proto__属性指向创建它的函数对象的原型对象，即prototype属性。

3. promise的理解：

用于处理异步函数，让异步操作以同步操作的流程表达出来，解决回调地狱的问题，promise的状态发生改变不可逆，pending、fulfilled、rejected，只有异步操作的结果才能决定promise的状态。resolve对应fulfilled状态，然后异步执行.then里的操作，reject对应rejected状态，然后异步执行.catch里的操作，只要异步操作有结果，最终都会执行.finally的操作。

4. 数组循环，foreach，filter，map，reduce

数组遍历常见方法–高阶函数

5. 数组去重，set

6. 组件通信方式

7. 路由钩子

路由钩子

8. 首页首屏加载优化：

缩小包体积，清除无用代码，优化代码结构，组件按需引入，路由懒加载，iconfont字体图标，减少图片，缩小图片大小

9. this指向，js中this的理解

10. 深浅拷贝

11. es6新增

12. axios和fetch，axios中请求中断的方法

13. 防抖节流

!［防抖节流区别](https://img-blog.csdnimg.cn/c7c891bf96c643b091b24ce9677a265e.png)

14. typeof和instanceof

15. call，bind，apply区别

16. vue挂载过程

17. v-if和v-show的区别

18. 双等和三等区别：

双等有一个类型转换，只进行值的比较, 不比较类型, 值相同就可以, 类型可以不一样。而三等号会对值和类型同时比较, 只有同时相同才是真的相同。

undefined==0
false 
null==0
false 
''=='0'
false
NaN==NaN
false // NaN指任意一个非数字的值，是一种无效状态

19. undefined和null区别

安恒信息

1. restful规范
2. http，https，ws，wss区别，http1.1及http2.0
3. 一个网页加载的过程，服务端渲染和客户端渲染
4. echarts使用程度