TC39 是什么：是一个由 JavaScript 开发者、实现者、学者等组成的团体，与 JavaScript 社区合作维护和发展 JavaScript 的标准。

TC39 包含四个规范：

• ECMA-262：ECMAScript
• ECMA-402：国际化 API
• ECMA-404：JSON
• ECMA-414：规定哪些规范是与 ECMAScript 有关的，目前只有 262、402 和 404

有过移动端开发经验的人，想必都对文字垂直居中头痛不已，因为使用常规手段实现文字垂直居中在部分 Android 手机上会出现文字偏上的情况，往往需要各种手段进行微调，苦不堪言。下面是我尝试的几种文字垂直居中方案：

line-height 实现垂直居中:

<div id="line-height">查看更多</div>

#line-height {
  width: 200px;
  text-align: center;
  
  height: 56px;
  line-height: 56px;
  
  font-size: 26px;
  color: black;  
  
  border: 1px solid;
  border-radius: 28px;
}

在复杂的网页应用中，DOM 结构会频繁的发生变化，有的时候我们需要根据变化来进行相应的操作，以往通过 Mutation Events 来监听 DOM 的变化，目前它已经废弃了，被 MutationObserver 所取代。MutationObserver 的兼容性很好，可以放心大胆的使用。

基本用法​

MutationObserver 的基本用法如下

const observer = new MutationObserver(mutations => {

});
observer.observe(element, options);

如果我们需要监听某个元素是否出现在视口中，一般做法是监听 scroll 事件，然后查询元素离视口顶部的距离，但是监听 scroll 事件存在性能问题。

浏览器原生提供了 IntersectionObserver 监听器，可以监听某个元素是否出现在视口中。

光标与选区​

光标是一种特殊的选区。

1. Selection 对象表示用户选择的文本范围或插入符号的当前位置。它代表页面中的文本选区，可能横跨多个元素。通常由用户拖拽鼠标经过文字而产生。
2. Range对象表示包含节点和部分文本节点的文档片段。通过 selection 对象获得的 range 对象才是我们操作光标的重点。