一、reactv16之前的架构

reactv15的架构可分为两部分：

• reconciler（协调器） - 负责找出变化组件

缓存位置

• service worker（https）
• memory cache(不受 Cache-Control 的值影响)

nginx?

Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。

@babel/preset-env

@babel/preset-env 是 Babel6 时代 babel-preset-latest 的增强版。这个包除了进行语法转换，该预设还可以通过设置参数项进行针对性语法转换以及 polyfill 的部分引入。我们在 Babel 配置文件里指定使用它。如果不使用的话，也可以完成转码，但转码后的代码仍然是 ES6 的，相当于没有转码。

Babel 是一个 JavaScript 编译器

babel 默认只转换新的js语法，而不转换新的 API，，比如 Iterator, Generator, Set, Maps, Proxy, Reflect, Symbol,Promise 等全局对象。以及一些在全局对象上的方法(比如 Object.assign)都不会转码。

JS 的单线程特性就意味着所有的执行任务需要进行排队，随即便有了同步（阻塞）和异步（非阻塞）两种任务。

一、那么异步任务是怎么执行的呢？

那么先来看看异步的执行机制