摘要:
CORS(Cross-Origin Resource Sharing): 跨域资源共享。是个W3C标准。 解决Ajax跨域通信的最根本的方法。 根据请求是否会触发浏览器的预检请求(OPTIONS),将CORS请求分为两类。 1. 简单请求 1. 定义 同时满足下面的所有条件: 1. 请求方法是GET 阅读全文
摘要:
1. 为什么使用Web Workers API 通过使用该API,web应用程序可以独立于主线程,运行一个单独的线程来处理脚本。 可以在独立的线程中解决耗时较长的任务,避免主线程阻塞。 2. 应用 1. 新建一个worker.js文件,将耗时较长的js代码放入其中;通过postMessage传递数据 阅读全文
摘要:
两者都是浏览器端存储数据的接口。除了存储时长,两者完全一致。 不同点: SessionStorage存储的数据只能用于一次会话(session),当会话结束(浏览器关闭),数据清空; 而LocalStorage长期存在。 1. 特点 1. 以键值对存储;且以文本形式(字符串形式)存储。 2. 读取时 阅读全文
摘要:
1. 含义 Cookie是服务器存储在浏览器中的一段文本信息,每次浏览器向服务器发送请求时,会携带这些信息。 实质是服务器的返回信息通过Set-Cookie的响应头,将服务器返回的Cookie信息存储到浏览器。 浏览器再发起同源请求时,自动将存储的Cookie通过请求头发送到服务器。 2. 特征 1 阅读全文
摘要:
EventTargetAPI定义了DOM事件(mouse事件等)的监听和触发方法,所有的DOM节点都部署了这个接口。 这个接口有三个方法:addEventListener, removeEventListener, dispatchEvent。 一. EventTargetAPI 1. EventT 阅读全文
摘要:
DOM事件发生后,会在当前节点和父节点之间传播(propagation)。 事件传播按照传播顺序分为三个阶段。对应Event.prototype.eventPhase的三个状态: 一. 事件传播阶段 1. 捕获阶段 事件按照window->document(window.document)->htm 阅读全文
摘要:
一.setImmediate 目前只有IE10+和NodeJS支持该API。 立即触发回调函数,使其进入宏任务队列(macro task queue) 语法: 比setTimout(fn, 0)的执行顺序要快,性能也更高。 因为setTimeout(fn,0)实质上会有4ms的延迟。 二. Mess 阅读全文
摘要:
1. 作用 MutationObserverAPI可以看作一个监听DOM所有变化(包含节点、属性、文本内容的变动)的接口。 和EventTargetAPI的addEventListener相比: 共同点: 两者的回调函数执行都是异步任务,都要在主执行栈之后执行; 不同点: 1. addEventLi 阅读全文
摘要:
1. 当Promise对象作为resolve的参数时 2. 当Promise的resolve方法在另一个Promise对象的then方法中运行时,变异步; 示例: 3. 当使用catch()方法捕获异常时 4. 当有async函数时 阅读全文
摘要:
一. 什么是遍历器 1. 遍历器对象(Iterator) 遍历器对象本质上是一个指针对象,该对象有一个next方法,调用next方法返回一个 含有value和done属性的对象{value: val/undefined, done: false/true}。 另外遍历器对象可以简单的通过Genera 阅读全文