Vue的灵活性总是让代码看起来非常洗练，对TypeScript来说也是一种挑战， 好在Vue对TypeScript进行了一次全方位的适配。 相对于React严谨的代码，Redux啰嗦的样板代码，Vue就显得非常灵活。Vue采用双向绑定原理，如下图所示 双向绑定的好处是这样的，在数据发生变化的时候，会 ...
分类：
其他好文 时间：
2019-12-13 12:10:18
阅读次数：
70
我们要把 context 相关的代码从所有业务组件中清除出去，现在的代码里面还有一个地方是被污染的。那就是 src/index.js 里面的 Index：1234567891011121314151617181920...class extends Component { static childC... ...
分类：
Web程序 时间：
2019-12-13 00:24:26
阅读次数：
264
⒈创建React项目 初始化一个React项目（TypeScript环境） ⒉React集成React-Router React项目使用React-Router ⒊React集成Redux Redux是React中的数据状态管理库，通常来讲，它的数据流模型如图所示： 我们先将目光放到UI层。通过UI ...
分类：
其他好文 时间：
2019-12-11 14:41:32
阅读次数：
103
Mobx解决的问题 传统react使用的数据管理库为Redux。Redux要解决的问题是统一数据流，数据流完全可控并可追踪。要实现该目标，便需要进行相关的约束 Redux由此引出dispatch action reducer等概念，对state的概念进行强约束，然而对于一些项目来说，太过强，便失去了 ...
分类：
其他好文 时间：
2019-12-09 19:27:32
阅读次数：
238
redux请求数据流程 store里面的index.js文件 1 import {createStore,combineReducers,applyMiddleware} from "redux" 2 import reduxThunk from "redux-thunk" 3 import use ...
分类：
其他好文 时间：
2019-12-07 23:01:37
阅读次数：
151
1. vue和react的相同点 都支持服务器渲染； 都有虚拟DOM、组件化开发，都通过props完成父子组件间的数据传递，都实现组件化规范； 都有仓库（管理状态）：react有redux、vue有vuex； 2. vue和react的区别： react只针对MVC框架的view层，而vue是一个完 ...
分类：
其他好文 时间：
2019-12-07 12:20:33
阅读次数：
127
React-Redux主要由两部分组成，一是Provider(提供者)，顾名思义作用就是提供状态数据。 另一部分是connect函数，它的作用是把UI组件和状态数据“连接”起来，实现了Model和View的分离，也就是UI组件并不直接管理状态数据，而是只负责界面的展示。 通过connect函数可以获 ...
分类：
其他好文 时间：
2019-12-06 09:43:54
阅读次数：
107
1. src 下的 common 下的 header 创建 store 文件夹 下创建 reducer.js # src/common/header/store/reducer.js const stateDefault = { focused : false }; export default ( ...
分类：
其他好文 时间：
2019-12-04 20:25:15
阅读次数：
86
reduce()、filter()、map()、some()、every()、...展开属性 这些概念属于es5、es6中的语法，跟react+redux并没有什么联系，我们直接在https://developer.mozilla.org/en-US/ 这里可以搜索到相关api文档。 但是redux ...
分类：
其他好文 时间：
2019-12-04 16:03:54
阅读次数：
158
1. redux 数据流程图 View 会派发一个 Action Action 通过 Dispatch 方法派发给 Store Store 接收到 Action 连同之前的 State 发给 Reducer 生成新的 State Redux 的 中间件指的是 Action 和 Store 之间 中间 ...
分类：
其他好文 时间：
2019-12-03 14:24:53
阅读次数：
107
