*旗
react.jpg
英文介绍
Good afternoon，I am very glad to be here for this interview. First let me introduce myself. My name is xxx，bachelor degree ，majored in 大学的专业. I am mainly good at technology about 自己的技术罗列，that's all，thanks.
Http和https区别
HTTP协议是一种使用明文数据传输的网络协议。
HTTPS协议可以理解为HTTP协议的升级，就是在HTTP的基础上增加了数据加密。
http1.0和2.0的区别
http1.0和http1.1的主要区别如下：
1、缓存处理：1.1添加更多的缓存控制策略（如：Entity tag，If-Match）
2、网络连接的优化：1.1支持断点续传
3、错误状态码的增多：1.1新增了24个错误状态响应码，丰富的错误码更加明确各个状态
4、Host头处理：支持Host头域，不在以IP为请求方标志
5、长连接：减少了建立和关闭连接的消耗和延迟。
http1.1和http2.0的主要区别：
1、新的传输格式：2.0使用二进制格式，1.0依然使用基于文本格式
2、多路复用：连接共享，不同的request可以使用同一个连接传输（最后根据每个request上的id号组合成正常的请求）
3、header压缩：由于1.X中header带有大量的信息，并且得重复传输，2.0使用encoder来减少需要传输的hearder大小
4、服务端推送：同google的SPDUY（1.0的一种升级）一样
原文链接：https://blog.csdn.net/weixin_44489066/java/article/details/88640088
方法实现数据加减排查,不正确抛出错误
一个班级男同学按照成绩从高到低排序,女同学按照从高到低排序
forEach 和map的区别
- 没有办法终止或者跳出forEach()循环，除非抛出异常，所以想执行一个数组是否满足什么条件，返回布尔值，可以用一般的for循环实现，或者用Array.every()或者Array.some();
- map()返回一个新数组，原数组不会改变。
Margin重叠
1、水平边距永远不会重合。
2、在规范文档中，2个或以上的块级盒模型相邻的垂直margin会重叠。最终的margin值计算方法如下：
a、全部都为正值，取最大者；
b、不全是正值，则都取绝对值，然后用正值减去最大值；
c、没有正值，则都取绝对值，然后用0减去最大值。
盒子模型:
margin padding border content
一个div里6个元素排列2行,第一行4个,两边对齐,第二行2个左边对齐
vue中路由钩子
第一种：全局钩子函数。
router.beforeEach((to, from, next) => {
console.log('beforeEach')
//next() //如果要跳转的话，一定要写上next()
//next(false) //取消了导航
next() //正常跳转，不写的话，不会跳转
})
router.afterEach((to, from) => { // 举例: 通过跳转后改变document.title
if( to.meta.title ){
window.document.title = to.meta.title //每个路由下title
}else{
window.document.title = '默认的title'
}
})
第二种：针对单个路由钩子函数
beforeEnter(to, from, next){
console.log('beforeEnter')
next() //正常跳转，不写的话，不会跳转
}
第三种：组件级钩子函数
beforeRouteEnter(to, from, next){ // 这个路由钩子函数比生命周期beforeCreate函数先执行，所以this实例还没有创建出来
console.log("beforeRouteEnter")
console.log(this) //这时this还是undefinde，因为这个时候this实例还没有创建出来
next((vm) => { //vm,可以这个vm这个参数来获取this实例,接着就可以做修改了
vm.text = '改变了'
})
},
beforeRouteUpdate(to, from, next){//可以解决二级导航时，页面只渲染一次的问题，也就是导航是否更新了，是否需要更新
console.log('beforeRouteUpdate')
next();
},
beforeRouteLeave(to, from, next){// 当离开组件时，是否允许离开
next()
}
cookie和localstorage区别
一、容量
cookie容量在4K左右，且有条数限制。localStorage的容量有5M。
二、是否向服务器发送数据
cookie会向服务器发送数据，localStorage不会往服务器发送数据。
三、过期时间
cookie的有过期时间，在没有设置过期时间，关闭浏览器就消失，默认过期时间是一次会话。localStorage没有过期时间。
四、路径限制
cookie有路径的限制。localStorage没有路径的限制。
五、存储类型
cookie存储的是字符串，字符串，字符串。localStorage存储的是对象，对象，对象。
原型链
同步和异步的区别
异步基于js是单线程语言
异步不会阻塞代码,同步会阻塞代码进行
前端异步的使用场景
New promise同步处理结果
解决回调地狱的问题
promise.all处理多个请求
网友评论