2023前端面试总结含参考答案
文章目录
- 1. 父子组件生命周期的执行顺序:
- 2. 原型链：
- 3. promise的理解：
- 4. 数组循环，foreach，filter，map，reduce
- 5. 数组去重，set
- 6. 组件通信方式
- 7. 路由钩子
- 8. 首页首屏加载优化：
- 9. this指向，js中this的理解
- 10. 深浅拷贝
- 11. es6新增
- 12. axios和fetch，axios中请求中断的方法
- 13. 防抖节流
- 14. typeof和instanceof
- 15. call，bind，apply区别
- 16. vue挂载过程
- 17. v-if和v-show的区别
- 18. 双等和三等区别：
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指任意一个非数字的值，是一种无效状态
- undefined和null区别
安恒信息
- restful规范
- http，https，ws，wss区别，http1.1及http2.0
- 一个网页加载的过程，服务端渲染和客户端渲染
- echarts使用程度