网易严选前端实习二面面经

.child {      top: 0;                  bottom: 0;                  left: 0;                  right: 0;                  margin: auto;  }

使用transform大法

.child{     left :50%,     top: 50%;     transform: translate(-50%, -50%); }

使用flex布局

.parent {     display: flex;     justify-content: center;     align-items: center; }

上一面知道自己错在哪里了吗

知道，flex布局没有做到设置父元素对齐

你知道异步编程

知道，通过Promise实现

为什么要用Promise

解决try catch的回调地域问题

你知道js时间循环吗，有哪些微任务、宏任务

同步任务、清空微任务、每一个宏任务清空微任务

宏任务setTimeout、setInterval、setImmediate

微任务process.nextTick、 Promise

promise.then后面的什么时候放入微任务队列

回答resolve执行

不确定查了一下

MDN文档时序

为了避免意外，即使是一个已经变成 resolve 状态的 Promise，传递给 then() 的函数也总是会被异步调用：

Promise.resolve().then(() => console.log(2)); console.log(1); // 1, 2

传递到 then() 中的函数被置入到一个微任务队列中，而不是立即执行，这意味着它是在 JavaScript 事件队列的所有运行时结束了，且事件队列被清空之后，才开始执行：

const wait = ms => new Promise(resolve => setTimeout(resolve, ms));  wait().then(() => console.log(4)); Promise.resolve().then(() => console.log(2)).then(() => console.log(3)); console.log(1); // 1, 2, 3, 4

知道async/await吗，是做什么的，项目中用了吗，有什么好处

generator语法糖，返回一个promise，项目中用来异步接收后端请求，可以将异步函数写得和同步函数差不多

你项目中用了什么校验规则

讲一讲输入一个URL的网络变化

DNS、三次握手、HTTP请求、HTTP报文接收、四次挥手

HTTP缓存（老八股文）

CRSF 和XSS是什么，怎么防御（老八股文）

反问: