前端开发，axios是标配的http请求发起libary, 采用的是Promise的方式。然后，Angular中采用的是另外一种形式Observable，观察订阅模式。Angular默认推荐采用内置的HTTPClient。 故从源码我们可以知道，后端返回Hello,world,…

在直播刚刚兴起时，直播中的互动环节较少，主播单方面控场，因此延迟十几秒对用户体验影响较小。常见的直播大部分采用RTMP、HLS、FLV协议，技术成熟、兼容性较好、支持大规模并发等优点，但端到端延时最低只能控制在4-6秒，降低了直播的互动体验，也阻碍了直播在一些场景的落地推广，不…

React Native的主要作用是让开发者可以使用前端React的开发框架来开发可以在多个平台运行的应用。仅仅了解前端开发可以让我们快速搭建一款简单的App，但是深入了解了React Native的底层原理，可以帮助我们更好的定位开发中遇到的问题，和从多端的角度出发解决问题。…

React有着独特的事件机制-合成事件，React的初学者肯定碰到过这种问题，使用event.stopPropagation();，却还是无法禁止当前组件的事件冒泡，这就是React的事件机制的原因，它并不与DOM事件相同。 DOM事件流属于比较基础的知识点，本文不会详细的再叙…

从代码可以看出，React通过先判断key是否相同，如果key相同则判断type是否相同，只有都相同时一个DOM节点才能复用。 由于本次更新时只有一个p，属于单一节点的Diff，会走上面介绍的代码逻辑。 同级多个节点的Diff，一定属于下面3中情况的一种或多种。 带着第一轮遍历…

React是一个用于构建界面的JavaScript库。它的核心是跟踪组件状态变化并将更新后的状态更新到屏幕上。在React中，我们把这个过程称为 reconciliation (协调)。通过调用setState方法，React检查状态或属性是否已更改，并在UI层上更新。 这是一…

React的异步请求到底应该放在哪个⽣命周期⾥，有⼈认为在componentWillMount中可以提前进⾏异步请求，避免⽩屏，其实这个观点是有问题的。 由于JavaScript中异步事件的性质，当您启动API调⽤时，浏览器会在此期间返回执⾏其他⼯作。当React渲染⼀个组件时…

在React 源码解读之首次渲染流程中我们讲到了 React 在首次渲染过程（其实更新过程也一样）中存在 Render 和 Commit 两大阶段，其中 Render 阶段又可称为协调阶段，它包括 beginWork 和 completeWork，本文着重讲讲 beginWor…

在本文中我们会看到React如何处理state的更新。以及如何构建effects list。我们会详细介绍render（渲染）阶段以及commit（提交）阶段发生的事情。 更新state属性。 调用render方法并比较子节点。 更新React元素的props。 更新元素的te…