上海契约锁前端技术面

Node中的宏任务、微任务有什么

宏任务: script（整体代码）, setTimeout, setInterval, setImmediate, I/O, UI rendering
微任务: process.nextTick, Promises（这里指浏览器实现的原生 Promise）,Object.observe, MutationObserver

setImmediate是什么

setImmediate类似setTimeout。接受一个回调函数，及可选回调的参数。属于宏任务，回调函数会被放置到下一个事件循环的check阶段。
和setTimeout相比，更适合长时间大型程序的运行。
而process.nextTick的回调会在当前事件循环结束后进行，比setImmediate早。

Vue.nextTick

Vue中当有DOM操作时并不会即刻更新，会统一记录在下一个事件循环队列进行更新。nextTick中的传入的回调或者then中接收的回调会在DOM更新后立刻执行。

async/await语法糖

async关键字声明一个函数，函数返回的结果会被包装成一个Promise对象。
await 关键字后面等待一个Promise的结果，若不是Promise则会直接返回值。await后面的代码会在await等待后执行。
作为一个generator语法糖：将异步代码以同步方式编写。

可迭代的数据类型

可迭代数据对象：
字符串、数组、Map、Set、arguments、NodeList等DOMClotion类型。
数字，对象类型不可迭代

JavaScript中this的优先级

1. 在箭头函数中，this的指向是由外层函数或者全局作用域来决定。箭头函数的this指向无法被修改。
2. 显示改变(call,apply,bind)>隐式定义(根据定义时上下文确定)
3. 默认绑定 < 隐式绑定 < 显式绑定 < new绑定。
   所以判断this的指向有一个比较完善的标准：
   先查看函数的调用位置，然后再通过绑定规则来判定this指向：

函数如在new中调用，则函数中this绑定的就是新创建的对象。
函数如通过 call/apply 或者 硬绑定 调用，则this绑定是就是指定的对象。
函数如果是在某个上下文对象中调用，即隐式绑定，则函数中this绑定的就是那个上下文对象。
如果以上情况都不是的话，就是默认绑定，这里分两种情况：如处于严格模式，则this被绑定到undefined上；如处于非严格模式，则this绑定到全局对象上。

JavaScript栈和堆垃圾回收机制的区别

存疑？

使用不同http版本对前端性能的优化

http1.1：
1.使用keep-live实现长连接，减少连接次数。一个TCP连接上可以实现多个http请求与响应。
2.客服端无需等待上一个请求而发送下一个请求，但是服务器要按顺序返回响应。
3.定义If-Unmodified-Since, If-Match, If-None-Match等缓存头来控制缓存策略，进行客户端缓存
http2.0：
1.实现全双工，多路复用，服务器和客户端都可以主动发送请求或响应，无需按顺序。
2.使用二进制编码，解析更高效
3.首部压缩。HTTP/2在客户端和服务器端使用“首部表”来跟踪和存储之前发送的键值对，对于相同的数据，不再通过每次请求和响应发送。、请求则只需要发送差异数据，这样可以减少冗余数据，降低开销
##CORS跨域
简单请求和非简单请求区别