华呱头

引用MDN对IntersectionObserver的介绍，对这接口就有大概的了解。Intersection Observer。 当发生交叉状态的时候，会触发调用相应的callback方法。 如上图，页面进行滚动的时候，右边的目标元素就与视窗发生交叉，交叉了说明在视图中是可见的…

组件通信分为：父子组件通信、隔代组件通信、兄弟组件通信。 适用于父子组件，这种方法是 Vue 组件的基础。 父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。 子组件 $emit 触发当前实例上的事件，附加参数都会传给监听…

ES6 添加内置对象 Proxy 和 Reflect ， 允许开发人员拦截并定义基本语言操作的自定义行为。 代理 Proxy 可以拦截 JS 引擎内部目标的底层对象操作，然后触发特定操作的陷阱函数。 Reflect 对象方法的默认特性与相同底层操作一致。 target 指代理的…

JS 引擎是单线程的，同一时刻只能执行一个代码块，所以有一个任务队列来存放即将运行代码。JS引擎中的事件循环程序用于执行队列中下一个任务，负责监控代码执行和管理任务队列。 当代码中涉及嵌套多个方法调用时，就会使自己陷入回调地狱。 Promise 能解决回调地狱的问题，帮助我们更…

ES5 及早期版本中没有类的概念，接近的办法就是创建自定义类型：首先创建构造函数，然后定义另一方法并赋值给构造函数的原型。ES6 中引入的 JavaScript 类实质上是 JavaScript 现有的基于原型的继承的语法糖。 定义一个类的一种方法：使用类声明，使用 class…

ES6改进对象字面量，使其变得更简洁、更强大。通过下面几个语法体现： 重复对象字面量属性：在 ES5 严格模式下会抛出语法错误；在 ES6 中对应重复属性都选取最后一个取值。 用于比较两个参数类型与值。这与全等运算符(===)在大部分情况下运行结果是相同的。唯一区别在于 +0 …

迭代器是一个特殊的对象，具有专门为迭代过程设计的专有接口，所有迭代器对象都有一个 next() 方法，每次调用返回一个结果对象。迭代器保存一个内部指针，用于指向当前集合中值的位置，调用 next() ，返回下一个可用的值。 结果对象包含两个属性：value 和 done，val…

ES6 标准前，可选的集合类型有限，数组使用的又是数值型索引，经常用于队列和栈。ES6 新增 Set 集合和 Map 集合，开发者就可以使用它们作非数值型索引的集合。 ES6 中 Set 类型是一种有序列表，含有相互独立的非重复值，通过 Set 集合有效地追踪各种离散值。 为 …

ES6 引入了新的基本类型：Symbol。 Symbol 函数接受一个可选的参数，通常都是附件一段文本来描述当前 Symbol 的用途；使用 new 方式来调用 Symbol 函数抛出错误，说明 Symbol 函数没有 [constructor] 属性。 通常 Symbol 类…