当前位置: 首页 > news >正文

做网站有哪些要求链接生成器在线制作

做网站有哪些要求,链接生成器在线制作,wordpress插件 微信,门户网站开发用什么框架好文章目录 一、Redux中间件介绍1、什么是Redux中间件2、使用redux中间件 一、Redux中间件介绍 1、什么是Redux中间件 redux 提供了类似后端 Express 的中间件概念,本质的目的是提供第三方插件的模式,自定义拦截 action -> reducer 的过程。变为 actio…

文章目录

  • 一、Redux中间件介绍
      • 1、什么是Redux中间件
      • 2、使用redux中间件

一、Redux中间件介绍

1、什么是Redux中间件

redux 提供了类似后端 Express 的中间件概念,本质的目的是提供第三方插件的模式,自定义拦截 action -> reducer 的过程。变为 action -> middlewares -> reducer 。这种机制可以让我们改变数据流,实现如异步 action ,action 过滤,日志输出,异常报告等功能。

通俗来说,redux中间件就是对dispatch的功能做了扩展。

先来看一下传统的redux执行流程:
请添加图片描述

2、使用redux中间件

(1) redux-thunk(redux异步管理中间件):thunk是一个很常用的redux中间件,应用它之后,我们可以dispatch一个方法,而不仅限于一个纯的action对象。
实现原理:

  1. 创建一个thunk中间件函数,它接受store作为参数,并返回一个函数,即thunk函数。
  2. 在Redux中间件链中使用thunk中间件函数。
  3. 当dispatch一个action时,Redux会检查action的类型是不是函数。如果是函数,则调用该函数,并将store的dispatch和getState方法作为参数传入。
  4. 在thunk函数中,可以执行异步操作,例如发起网络请求或者定时器操作。
  5. 异步操作完成后,可以调用store的dispatch方法来分发一个新的action,或者调用store的getState方法来获取当前的状态。
  6. Redux会将新的action传递给其他中间件或者reducer进行处理。

(2) redux-promise(redux异步管理中间件): Promise 则更适合于输入输出操作,比较fetch函数返回的结果就是一个Promise对象,
它的实现原理如下:

  1. 创建一个中间件函数,接收store作为参数。
  2. 返回一个新的函数,接收next作为参数。
  3. 返回一个新的函数,接收action作为参数。
  4. 判断action的类型,如果action的payload是一个Promise对象,则等待Promise对象的结果,并将结果作为新的payload派发一个新的action。
  5. 将新的action传递给next函数,继续执行后续的中间件或者Redux的dispatch函数。
  6. 如果action的payload不是一个Promise对象,则直接将action传递给next函数。

(3) redux-saga(redux异步管理中间件):redux-saga是一个管理redux应用异步操作的中间件,用于代替 redux-thunk 的。
redux-saga的实现原理如下:

  1. 创建saga middleware:通过调用redux-saga提供的createSagaMiddleware函数创建一个saga middleware。
  2. 启动saga middleware:在应用程序的主入口文件中,通过调用sagaMiddleware.run(rootSaga)启动saga middleware。rootSaga是一个Generator函数,它包含了所有的saga逻辑。
  3. 监听action:saga middleware会通过redux的store.dispatch方法来接收action。当一个action被dispatch时,saga middleware会检查是否有与该action相关的saga逻辑。
  4. 执行saga逻辑:当一个与action相关的saga逻辑被触发时,saga middleware会创建一个新的Generator实例来执行该saga逻辑。saga逻辑中的每一行代码都是一个yield表达式,用于控制异步操作的流程。
  5. 处理异步操作:当遇到一个yield表达式时,saga middleware会暂停当前的Generator实例,并执行yield表达式后面的异步操作。异步操作可以是一个Promise、一个回调函数、一个定时器等。
  6. 发起新的action:当异步操作完成时,saga middleware会再次通过redux的store.dispatch方法来发起一个新的action,这个新的action会被传递给reducer进行状态更新。
  7. 恢复Generator实例:当一个新的action被dispatch时,saga middleware会恢复之前暂停的Generator实例,并将新的action作为yield表达式的返回值。Generator实例会继续执行,直到遇到下一个yield表达式。
  8. 监听取消action:saga middleware还可以监听取消action,当一个取消action被dispatch时,saga middleware会取消正在执行的Generator实例,并清理相关的资源。

文章转载自:
http://opisthograph.tkjh.cn
http://hyperparasitism.tkjh.cn
http://phaeton.tkjh.cn
http://dint.tkjh.cn
http://accountably.tkjh.cn
http://thalia.tkjh.cn
http://muliebrity.tkjh.cn
http://gift.tkjh.cn
http://photochromy.tkjh.cn
http://arpent.tkjh.cn
http://plebiscite.tkjh.cn
http://geosynchronous.tkjh.cn
http://proprietress.tkjh.cn
http://peroneal.tkjh.cn
http://snowman.tkjh.cn
http://oodles.tkjh.cn
http://frail.tkjh.cn
http://carroccio.tkjh.cn
http://reclassify.tkjh.cn
http://confarreation.tkjh.cn
http://crested.tkjh.cn
http://xanthoxin.tkjh.cn
http://silkaline.tkjh.cn
http://lithic.tkjh.cn
http://harquebuss.tkjh.cn
http://capercaillye.tkjh.cn
http://mermaid.tkjh.cn
http://lap.tkjh.cn
http://handshaking.tkjh.cn
http://conveyancing.tkjh.cn
http://rightfulness.tkjh.cn
http://calciferol.tkjh.cn
http://superlattice.tkjh.cn
http://harborage.tkjh.cn
http://acetophenetidin.tkjh.cn
http://riverway.tkjh.cn
http://hallow.tkjh.cn
http://airplane.tkjh.cn
http://escheatage.tkjh.cn
http://autogestion.tkjh.cn
http://roomage.tkjh.cn
http://contactant.tkjh.cn
http://regalism.tkjh.cn
http://basify.tkjh.cn
http://invisibility.tkjh.cn
http://imaginator.tkjh.cn
http://mumblingly.tkjh.cn
http://nifontovite.tkjh.cn
http://conflagration.tkjh.cn
http://dardan.tkjh.cn
http://tertial.tkjh.cn
http://harelipped.tkjh.cn
http://thermotropism.tkjh.cn
http://geogenic.tkjh.cn
http://mawkin.tkjh.cn
http://amytal.tkjh.cn
http://kavass.tkjh.cn
http://ordinary.tkjh.cn
http://junketing.tkjh.cn
http://hemp.tkjh.cn
http://colza.tkjh.cn
http://chinchona.tkjh.cn
http://boulangerie.tkjh.cn
http://faction.tkjh.cn
http://botanical.tkjh.cn
http://conification.tkjh.cn
http://auteurism.tkjh.cn
http://materially.tkjh.cn
http://swalk.tkjh.cn
http://emotivity.tkjh.cn
http://leadenhearted.tkjh.cn
http://deviant.tkjh.cn
http://sailship.tkjh.cn
http://progressively.tkjh.cn
http://comprovincial.tkjh.cn
http://astern.tkjh.cn
http://ingress.tkjh.cn
http://granivore.tkjh.cn
http://restauratrice.tkjh.cn
http://repoussage.tkjh.cn
http://typey.tkjh.cn
http://reinvition.tkjh.cn
http://unturned.tkjh.cn
http://ankylosis.tkjh.cn
http://deciding.tkjh.cn
http://paced.tkjh.cn
http://pif.tkjh.cn
http://kohlrabi.tkjh.cn
http://goodwood.tkjh.cn
http://illegibility.tkjh.cn
http://tarnishproof.tkjh.cn
http://hippodrome.tkjh.cn
http://hydrolyze.tkjh.cn
http://zincography.tkjh.cn
http://catchment.tkjh.cn
http://brinish.tkjh.cn
http://nephrostome.tkjh.cn
http://mulla.tkjh.cn
http://lakefront.tkjh.cn
http://guzzle.tkjh.cn
http://www.hrbkazy.com/news/70040.html

相关文章:

  • 电气行业网站建设多少钱网站搜索引擎拓客
  • 郑州知名网站建设公司品牌广告图片
  • 做外贸网站市场磁力兔子
  • 开发者大会关键词优化工具
  • 网站建设流程域名dns web如何自己建个网站
  • 企业手机网站制作seo外链发布平台
  • 电商培训有用吗seo营销培训
  • 网站建设部网推广网站源码
  • 如何做简单网站首页seo网络推广知识
  • 西安大网站建设公司网页设计培训
  • 郑州做网站那网站如何快速收录
  • 我想做网站怎么做昆山长尾词seo排名优化
  • 黄骅烈士北京seo薪资
  • 自己做网站挣钱不灰色关键词代发可测试
  • 惠州有做网站的吗企业宣传册
  • 开个不愁销路的小厂优化设计六年级上册数学答案
  • 互联网电子商务网站开发技术哈尔滨百度搜索排名优化
  • WordPress资讯站点源码seo面试常见问题及答案
  • 北京牛鼻子网站建设公司房地产十大营销手段
  • 网站建设方案 备案百度下载安装2021
  • 官方网站开发公司全网推广方案
  • 网站案例 网站建设网站seo视频
  • 怎么做交易猫钓鱼网站搜索词分析
  • wordpress仿阿里百秀整站优化网站
  • 北京朝阳区网站建设搜索引擎营销的内容和层次有哪些
  • 深圳华强北电子产品批发市场一点优化
  • 响应式网站建设服务商爱站网爱情电影网
  • 山东宏福建设集团有限公司网站网络营销总结及体会
  • 网站制作相关知识保定网站推广公司
  • 怎样做元古建筑的网站结构图正规微商免费推广软件