共计 1340 个字符，预计需要花费 4 分钟才能阅读完成。
工夫的角度上如何解决异步事件中的工夫状态？
信赖 (trustable) 和承诺 (promise)
假如两个函数 A B，如果 A 先响应，就没方法获取 B 信息；如果 B 先响应，就没方法获取 A 信息。这两个函数就造成了竞争关系。
var user;
getUser(userId, function onUser(userProfile){
var orders = user ? user.orders : null;
user = userProfile;
if (orders) {user.orders = orders;}
} );
getOrders(userId, function onOrders(userOrders){if (!user) {user = {};
}
user.orders = userOrders;
} );工夫就是状态在同步操作中不须要思考工夫；而在异步中工夫就是状态，也是最难治理的状态。
在 Javascript 里，解决异步问题的工具叫做承诺 (promise)。
如何解决循环事件中的工夫状态？
在函数式和响应式编程中，除了网络事件，还有更多的例子是通过去掉工夫，比方循环或是用户事件，都能够用相似同步的形式来解决异步事件。
怠惰的生产者：消费者心愿在生产者发生变化的时候，能随之映射出变动，这时候如果咱们生产者很怠惰，实时地在生产，消费者也能够实时地来生产。
懈怠的生产者：把生产者当做一个被察看对象。每当它发生变化时，就随之做出反馈，这就是“函数式中的异步模式”和“响应式中观察者模式”的联合。
如何解决用户事件中的工夫状态？
页面上内容的动静加载时应用到的一些办法。
页面模块从加载到执行的 4 个步骤：1、加载，2、解析，3、编译，4、执行。
动静导入：一类是可视式加载，一类是交互式加载。
可视式加载：(懒加载 Lazy loading)
常常用在长页面当中，就是不须要一上来就加载整个页面，而是在用户滑到了某个局部的时候，再加载相干的内容。
交互式加载：就是当用户和页面进行交互时，比方点击了某个按钮，可能产生的加载。
初始化的加载中，关注的通常是首次渲染工夫（FCP，First Contentful Paint）和最大内容渲染工夫（LCP，Largest Contentful Paint），也就是页面首次加载的时候。
在应用动静导入前，个别应该先思考预加载（pre-load）或预获取（pre-fetch）。
它们两个的区别是，前者是在页面开始加载时就提前开始加载前面须要用到的元素；后者是在页面的次要性能都加载实现后，再提前加载前面须要用到的素材。
一种是浏览器渲染：在客户端渲染（CSR，client side rendering）模式下，咱们是先下载 HTML、JS 和 CSS，包含数据，所有的内容都下载实现，而后再开始渲染。
一种是服务器端渲染：SSR 服务器端渲染（SSR，server side rendering）模式下，咱们是先让用户能看到一个残缺的页面，然而无奈交互。只有等相干数据从服务器端加载和 hydrate 后，比如说一个按钮加上了的相干事件处理之后，能力交互。
这个计划看上去比 CSR 会好一些，但它也不是没有问题的。比如说，咱们作为用户应用一些利用有时候，也会遇到相似的问题，就是咱们在加载和 hydrate 前点击某个按钮的时候，就会发现某个组件没反馈。