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的优先级
- 在箭头函数中,this的指向是由外层函数或者全局作用域来决定。箭头函数的this指向无法被修改。
- 显示改变(call,apply,bind)>隐式定义(根据定义时上下文确定)
- 默认绑定 < 隐式绑定 < 显式绑定 < 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跨域
简单请求和非简单请求区别