浏览器的视频画中画特性有几年了，最近又增加了文档画中画，顺便复习下视频画中画，已经使用时的各种细节问题。

if else使用过多使得代码可读性差、代码混乱、复杂度高、影响开发效率、维护成本高，如何解决这些问题呢？

这一次，我将带你一次性搞懂 React 中常见的 setState 原理。 setState 本身的默认行为 在进入主题之前，你肯定需要先学会 React 的基本使用。

前言 本文基于React版本17.0.2，这篇文章会基于Event Loop的机制来分析，对于Event Loop不熟悉的同学可以看我这篇文章从event loop探究javaScript异步。 源码

一、奇异之处 在React中，setState非常奇怪，初学者都会觉得它肯定是异步的，但是在某些场景下它又是同步的，这很让人疑惑。​ 先上代码 1.1 异步场景 这是点击异步更新按钮时，输出的结果，没

setState异步更新 我们都知道，React通过this.state来访问state，通过this.setState()方法来更新state

看完这个例子，也许很多小伙伴会下意识的以为setState是一个异步方法，但是其实setState并没有异步的说法，之所以会有一种异步方法的表现形式，归根结底还是因为react框架本身的性能机制所导致的。因为每次调用setState都会触发更新，异步操作是为了提高性能，将多个状…

励志成为 Flow 和 LiveData 讨论终结篇。也是架构系列第二篇，架构演进线路为“无架构”-“MVP”-“MVVM”-“MVI”。

手写 Promise 保姆级教程，看完还不懂的私聊我亲自教！！！学完本篇文章让你对JS的认识活生生提升一个等级~