• history
    终端性能+网速

  • MVC
    backbone(路由在前端)—— https://github.com/jashkenas/backbone

  • MVVM(由state决定UI)

    • UI层和数据层的绑定
  • 组件间数据通讯

    • 业务数据|状态数据(和UI相关)
    • react - 木偶组件 - Element/AntDesign
    • 跨组件的状态数据 - 三级联动 - 机制=>父子和兄弟通信
    • 父子=>props 子父=>react(处理函数) 兄弟 => 父子,子父问题的结合
  • 组件间数据通信加强版(eventbus)

    • 额外的全局对象(可以加一些事件,log)
  • 单向数据流(redux & vuex)

    • 组件是树状结构,但是eventbus是网状结构
    • flux => 核心是store(状态管理方法论)=> 单向数据流方案
    • redux => state应该被保存在单个store中 && state不能被直接更改,只能通过触发action改变 && pure function(reducer来处理数据修改逻辑,不依赖于全局变量,只依赖于传入的参数,不修改传入的参数,返回的是一个全新的对象)
    • 严格,限制
    • immutable
    • 使用一定有场景=>解决问题
    • 中间件(大逻辑的拆分)—— 异步放在了中间件处理
  • MobX —— https://mobx.js.org/README.html

    • Reactive,响应式数据流方案,MobX是代表
    • observable state / actions / computeds / reactions
  • 异步数据和rxjs

应用场景=>需要优化的问题(imperative?no => more 流程化)
组件间/组件对端/组件对数据层/数据层和端 关系处理

  • 很多实时更新的数据?

    • 做个截流层(node/前端框架)
    • 保证进入缓存层的数据可控
  • 模块的拆分 => 基于工程实践,逐步抽象

  • 数据管理:前端/后端 差异

  • token可以本地持久化存,数据前端肯定不能明文存

参考阅读: