Darlietoothpaste

Redux进阶(Redux背后的Flux)

简介

Flux是一种搭建WEB客户端的应用架构,更像是一种模式而不是一个框架。

特点

单向数据流

image

与MVC的比较

1.传统的MVC如下所示(是一个双向数据流模型)

  • 用户触发事件
  • View通知Controller执行相关逻辑
  • Controller通知Modal需要数据
  • Modal返回数据给Controller
  • Controller再通知View更新

image

2.前端中的MVC

因为前端中视图和事件逻辑通常结合在一起, 即正常情况下是这样的 M <-> VC
然而这样在复杂的页面中容易造成下面的情况,跟踪数据的变化变得很困难

image

3.Flux强制单向流,Model集中成Store, View通过Action, Action通过Dispatch更新Store, Flux 可以认为是MVC的一种改进, 更适合React或者说更适合前端的一种架构模式。

posted on 2019-01-21 14:49 菜的黑人牙膏 阅读(...) 评论(...) 编辑 收藏

相关文章:

  • 2021-07-02
  • 2021-09-07
  • 2022-12-23
  • 2019-01-14
  • 2021-10-26
  • 2022-12-23
  • 2021-05-22
  • 2021-10-26
猜你喜欢
  • 2021-06-27
  • 2022-12-23
  • 2022-12-23
  • 2022-01-18
  • 2018-08-22
  • 2018-12-21
相关资源
相似解决方案