将之前生成的真实的DOM对象，加入到容器中。 key值的作用：用于通过旧节点，寻找对应的新节点，如果某个旧节点有key值，则其更新时，会寻找相同层级中的相同key值的节点，进行对比。

频繁触发回调导致的大量计算会引发页面的抖动甚至卡顿。为了规避这种情况，我们需要一些手段来控制事件被触发的频率。就是在这样的背景下，throttle（事件节流）和 debounce（事件防抖）出现了。 这两个东西都以闭包的形式存在。 它们通过对事件对应的回调函数进行包裹、以自由变…

一、HTTP/0.9二、HTTP/1.x2.1HTTP/1.02.2HTTP/1.1三、HTTP/2.0四、HTTP/3.0

2021年7月毕业，99年的我也开始踏入社会了，从实习到转正，再到身边的人陆续离职，再到自己也萌发出离职的想法，这是我的一段心历路程，也是对不堪的过去的回首与致敬。

在本文中，我们将了解 ECMAScript 6 中引入的生成器（Generator）。先看一看它究竟是什么，然后用几个示例来说明它的用法。 生成器是一种可以用来控制迭代器（iterator）的函数，它可以随时暂停，并可以在任意时候恢复。 上面的描述没法说明什么，让我们来看一些例…

在面试的时候，经常会有面试官让你实现一个 Promise，如果参照 A+规范来实现的话，可能面到天黑都结束不了。 说到 Promise，我们首先想到的最核心的功能就是异步链式调用，本篇文章就带你用 20 行代码实现一个可以异步链式调用的 Promise。 这个 Promise …

如果让你手写async函数的实现，你是不是会觉得很复杂？这篇文章带你用20行搞定它的核心。 经常有人说async函数是generator函数的语法糖，那么到底是怎么样一个糖呢？让我们来一层层的剥开它的糖衣。 这篇文章的目的就是带大家理解清楚async和generator之间到底…

笔者刚接触async/await时，就被其暂停执行的特性吸引了，心想在没有原生API支持的情况下，await居然能挂起当前方法，实现暂停执行，我感到十分好奇。好奇心驱使我一层一层剥开有关JS异步编程的一切。阅读完本文，读者应该能够了解： 回归正题，文章开头我们先点一下Promi…

ES modules 给 JavaScript 带来了一个官方的规范的模块化系统。将近花了10年的时间才完成了这个标准化的工作。 我们的等待即将结束。随着 Firefox 60 在今年5月的发布(目前是测试阶段)，所有的主流浏览器都将支持 ES modules，与此同时，Nod…