weixin_46087056的博客

redux 中的异步处理redux 中的模块化

- 1.问题 - 问题 1 取值麻烦 `store.getState().name` - 问题 2 改值麻烦 `actionCreatore[CHANGE_AGE](29);` - 问题 3 引入文件太多- 2.解决问题 `react-redux` - 通过 provider 提供其将 store 挂载到根组件的上下文 - 通过 connect 将组件进行处理 简化了获取数据 和 监听的操作 - 将 state 映射到 props 里 - 将 dispath 映射

redux的基本使用，读完本文章，redux你已经可以进行简单的使用了，不过使用起来有点繁琐，详细请看后续文章，redux的优化使用

1. 全局状态值在组件里都能访问到 * 在原型上添加属性来作为全局状态 * context * 单独在内存中存放一个对象来做state的管理2. 修改数据， 用户通过dispatch 触发 数据修改函数, 返回新的数据赋值给state3. 页面更新 需要的组件通过subscribe 注册一个函数，保存到store对象的lister数组里 数据改变的时候需要更新 事件分发...

- 不可变数据 数据一旦被创建就不修改- 对 immutable 数据做操作的时候都会返回一个新的 immutable 对象， 修改对象的值和原值一样 相当于是没修改- https://immutable- js.com/docs/v4.1.0- js 中原生的数据结构 obj arr 实现队列 堆 栈- 数据修改的时候 只有修改的节点的父级会产生影响，其他的都是复用 效率高- 优点- 节省内存 优化代码 深拷贝- 函数式编程- 可以溯源，所有改变数据的操作都会记录- 缺点- 需要学习新

全局 modal 组件zindex 层级问题样式覆盖问题所以我们选择挂载 body 上portal 组件嵌套结构没有发生改变,只是 dom 的渲染位置变了portal 处理过的组件虽然 dom 渲染结构发生改变但是依然可以按照 组件嵌套结构进行冒泡...

- 1. 创建 context 对象- 2. 对上线文对象处理，目的是提供者和消费者配对- 3. 通过 provider value 属性提供数据- 4. 通过 consumer 消费者获取数据- 5. context 上下文的数据直接修改无效，在传递 value 的同时传递一个修改上下文的方法- 6. 是否能够放多个上下文...