遇到过的前端面试

遇到过的前端面试

1.setTimeout与setInterval的区别

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式，setTimeout() 只执行一次
业务场景：
setTimeout用于延迟执行某方法或功能
setInterval则一般用于刷新表单，对于一些表单的假实时指定时间刷新同步

2.什么是事件委托,有什么好处？

事件委托原理：事件冒泡机制
优点：
1.大量减少内存占用，减少事件注册。
2.新增元素实现动态绑定事件
例如：
attachEvent()
addEventListener();

3.在js中使用new操作符具体做了什么事情
具体介绍：new操作符实现经过

要创建 Person 的新实例，必须使用 new 操作符。以这种方式调用构造函数实际上会经历以下 4个步骤：
(1) 创建一个新对象；
(2) 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象） ；
(3) 执行构造函数中的代码（为这个新对象添加属性） ；
(4) 返回新对象。

4.有哪些可以实现垂直居中的方法？
具体介绍：实现垂直居中的方法

第一种方法：组合使用display：table-cell和vertical-align、text-align，使父元素内的所有行内元素水平垂直居中（内部div设置display：inline-block即可）这在子元素不确定宽度和高度时，特别适用哦
第二种方法：display：flex-box
第三种方法：display:inline-block +伪元素生成content内容
第四种方法：绝对定位+transform反向偏移。position:absolute; transform:translate(-50%,-50%);
第五种方法：绝对定位+margin：auto（position:absolute; left:0; top:0; right:0; bottom:0; margin:auto）都要写哦，缺一不可滴
第六种方法：绝对定位+margin反向偏移

5.请谈一下，你知道的http请求，并说明应答码502和504的区别
OPTIONS：返回服务器针对特定资源所支持的HTTP请求方法。也可以利用向Web服务器发送'*'的请求来测试服务器的功能性。
HEAD：向服务器索要与GET请求相一致的响应，只不过响应体将不会被返回。这一方法可以在不必传输整个响应内容的情况下，就可以获取包含在响应消息头中的元信息。
GET：向特定的资源发出请求。
POST：向指定资源提交数据进行处理请求（例如提交表单或者上传文件）。数据被包含在请求体中。POST请求可能会导致新的资源的创建和/或已有资源的修改。
PUT：向指定资源位置上传其最新内容。
DELETE：请求服务器删除 Request-URI 所标识的资源。
TRACE：回显服务器收到的请求，主要用于测试或诊断。
CONNECT：HTTP/1.1 协议中预留给能够将连接改为管道方式的***服务器。
虽然 HTTP 的请求方式有 8 种，但是我们在实际应用中常用的也就是 get 和 post，其他请求方式也都可以通过这两种方式间接的来实现。
502表示错误网关，无效网关 。 504表示网关超时，说明服务器作为网关或***，但是没有及时从上游服务器收到请求。

---

未完待续，敬请期待~~~