收集

http://bigerfe.com/

*旗

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的区别

1. 没有办法终止或者跳出forEach()循环，除非抛出异常，所以想执行一个数组是否满足什么条件，返回布尔值，可以用一般的for循环实现，或者用Array.every()或者Array.some();
2. 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处理多个请求