女王控的博客

前端

162 篇文章

RxJS深入学习

合并序列 合并序列也属于创建序列的一种,例如有这样的需求:进入某个页面后拿到了一个列表,然后需要对列表每一项发出一个 http 请求来获取对应的详细信息,这里我们把每个 http 请求作为一个序列,然后我们希望合并它们。 合并有很多种方式,例如 N 个请求按顺序串行发出(前一个结束再发下一个);N 个请求同时发出并且要求全部到达后合并为数组,触发一次回调;N 个请求同时发出,对于每一个到达就触发一次回调。 如果不用 RxJS… »

RxJS入门学习

RxJS 是使用 Observables 的响应式编程的库,它使编写异步或基于回调的代码更容易。 这个项目是 Reactive-Extensions/RxJS(RxJS 4) 的重写,具有更好的性能、更好的模块性、更好的可调试调用堆栈,同时保持大部分向后兼容,只有一些破坏性的变更(breaking changes)是为了减少外层的 API 。 基础 转换成 observables 创建 observables… »

Redux之计算衍生数据

Reselect 库可以创建可记忆的(Memoized)、可组合的 selector 函数。Reselect selectors 可以用来高效地计算 Redux store 里的衍生数据。 可记忆的 Selectors 初衷 上面的示例中,mapStateToProps 调用了 getVisibleTodos 来计算 todos。运行没问题,但有一个缺点:每当组件更新时都会重新计算 todos。如果 state tree… »

Redux-Saga入门学习

自述 redux-saga 是一个用于管理应用程序 Side Effect(副作用,例如异步获取数据,访问浏览器缓存等)的 library,它的目标是让副作用管理更容易,执行更高效,测试更简单,在处理故障时更容易。 可以想像为,一个 saga 就像是应用程序中一个单独的线程,它独自负责处理副作用。 redux-saga 是一个 redux 中间件,意味着这个线程可以通过正常的 redux action 从主应用程序启动,暂停和取消,它能访问完整的 redux state,也可以 dispatch… »

Redux深入学习

异步 Action 在 基础教程 中,我们创建了一个简单的 todo 应用。它只有同步操作。每当 dispatch action 时,state 会被立即更新 Action 当调用异步 API 时,有两个非常关键的时刻:发起请求的时刻,和接收到响应的时刻(也可能是超时) 这两个时刻都可能会更改应用的 state;为此,你需要 dispatch 普通的同步 action。一般情况下,每个 API 请求都需要 dispatch 至少三种 action 一种通知 reducer… »

0%