aXin_li的博客

将浏览器的资源 timing 缓冲区的大小设置为 “resource” type performance entry 对象的指定数量。从浏览器的性能数据缓冲区中移除所有 entryType 是 “resource” 的 performance entries。在浏览器的指定 start mark 和 end mark 间的性能输入缓冲区中创建一个指定的 timestamp。基于给定的 name 和 entry type 返回一个 PerformanceEntry 对象的列表。性能条目特定于执行上下文。

根据研究报告表明，用户操作之后，100ms以内的响应给用户的感觉都是瞬间发生，也就是说不会感受到延迟感，因此将空闲时间设置为 50，浏览器依然还剩下 50ms 可以处理用户的操作响应，不会让用户感到延迟。

WebSocket 是 HTML5 开始提供的一种浏览器与服务器进行全双工通讯的网络技术，用以取代轮询与长连接，使客户端浏览器具备像 C/S 框架下桌面系统的即使通讯能力websocket协议是建立在tcp协议之上的，建立连接需要三次握手。

在一个拖拽操作*中，*每一个 drag event 都有一个dataTransfer 属性，它包含一个存有拖拽数据的 list ，其中每一项都是一个 DataTransferItem。此方法不会从拖动操作中删除文件，因此如果有任何文件包含在对象的 DataTransfer.types 列表中，仍然可能有一个类型为“Files”的条目在拖动。** DataTransferItemList ** 只有一个属性 ** length** ， 表示列表中拖动项的数量。包含数据传输中可用的所有本地文件的列表。

返回事件的路径（将在该对象上调用监听器）。指示正在处理的事件流阶段。对事件当前注册的目标的引用。它是有可能在重定向（retarget）的过程中被改变的。一个布尔值，表示 event.preventDefault() 方法是否取消了事件的默认行为。一个布尔值，表示事件是否可以穿过 Shadow DOM 和常规 DOM 之间的边界进行冒泡。表示事件是由浏览器（例如用户点击）发起的，还是由脚本发起的（例如使用事件创建方法）。取消事件（如果该事件可取消）。取消事件（如果该事件可取消）对最初分发事件的对象的引用。

Selection 对象表示用户选择的文本范围或插入符号的当前位置。如上例，我们父级节点为 div ， 选区一、二都为可编辑区域（也就是我们所说的选区），如何将我们的焦点设置到选区一和选区二的中间，我们可以使用。在网页使用者点击一个加载完毕的新打开的页面之前，rangeCount 的值是 0。Selection 对象所对应的是用户所选择的 ranges（区域），俗称拖蓝。是一个返回选区（selection）中范围（range）数量的只读属性。方法返回当前由选择对象表示的字符串，即当前选定的文本。

Element 及其子项、document 和 window 是最常见的事件目标，但其他对象也可以是事件目标。可能有小伙伴们看到他的定义还是有些不理解，简单理解为我们看到的整个 HTML 文档就是由节点组成，每一个 div 、 注释、文本都是节点。Node.ENTITY_REFERENCE_NODE（5）、Node.ENTITY_NODE（6）和 Node.NOTATION_NODE（12）在 DOM 的上下文中，节点（Node）是节点树中的单个点。在网络中，节点是网络中的一个连接点。

由于此 API 暂时没有被浏览器支持，只做了解学习即可。

【代码】Page Visibility API(可以查看页面当前可见性状态的API)

Broadcast Channel API 可以实现下浏览器不同窗口，Tab 页，frame 或者 iframe 下的浏览器上下文 (通常是同一个网站下不同的页面) 之间的简单通讯（广播频道会被命名和绑定到指定的源bc.close()