摘要: Redux基本概念和使用 先从Flux开始 先放一个 "Flux官网" 的链接。需要fq。 Flux是Facebook提出的一种构建客户端网页应用的应用架构,它是一种抽象程度很高的设计模式,鼓励单向数据流。 在之前的MVC架构中,在小型应用中,Model和View较少时,关系不复杂,维护轻松。但是 阅读全文
posted @ 2018-10-11 21:13 liuyongjia 阅读(1015) 评论(0) 推荐(0) 编辑
摘要: 组件间通信 React的基本组件元素是一个个组件,组件之间可能存在关联、组合等关系。不同的组件之间,经常会发生数据传递或者交换,我们称之为组件间通信。 根据传递的复杂程度,可以分为三种情况: 父子间通信,兄弟间通信,同其他外部库通信。 父子间通信 在学习组件的时候,props是输入,组件是输出。在这 阅读全文
posted @ 2018-09-27 22:02 liuyongjia 阅读(1484) 评论(0) 推荐(0) 编辑
摘要: 详解react高阶组件的概念和使用。 阅读全文
posted @ 2018-09-23 18:39 liuyongjia 阅读(802) 评论(0) 推荐(0) 编辑
摘要: 【译】2分钟讲明白Rx是什么 阅读全文
posted @ 2018-09-12 21:10 liuyongjia 阅读(490) 评论(0) 推荐(0) 编辑
摘要: 这个系列将从基础语法讲起,把react全家桶都讲到,然后到具体的使用,最后完成后,会写一个完整的demo。 前置要求: 基本的CSS,JS要熟练。 部分ES6语法需要了解。可以参考下面提到的阮一峰老师的《ECMAScript 6 入门》和MDN文档。 目前已经完成的内容: "react系列(零)安装 阅读全文
posted @ 2018-08-20 22:10 liuyongjia 阅读(818) 评论(0) 推荐(0) 编辑
摘要: 1.JSX语法-JSX对应的JS方法,它只是语法糖 2.组件概念-如何创建一个组件,组件的props和state 3.生命周期-组件在不同阶段会触发什么方法,并且介绍常用场景 阅读全文
posted @ 2018-08-19 20:37 liuyongjia 阅读(1189) 评论(0) 推荐(0) 编辑
摘要: react教程(零)—— 安装 react项目的基本配置,使用create-react-app和webpack构建react-app。主要介绍如何新建一个react-app,并对webpack如何创建react-app做了详细介绍。 阅读全文
posted @ 2018-08-19 16:27 liuyongjia 阅读(916) 评论(0) 推荐(0) 编辑
摘要: 函数节流和函数防抖 阅读全文
posted @ 2018-08-10 20:33 liuyongjia 阅读(540) 评论(2) 推荐(0) 编辑
摘要: 发布订阅模式 前一篇对观察者模式做了介绍,重点在于观察者和被观察者的对应关系,以及将被观察者的改变及时通知到相对应的观察者。 这样的模式基本上可以解决少量数据源的情景,在观察者和被观察者可能是多对多关系的情况下,强耦合的结构会让代码不够清晰,难以维护。 在《JavaScript设计模式》一书中,提到 阅读全文
posted @ 2018-08-03 16:43 liuyongjia 阅读(660) 评论(0) 推荐(0) 编辑
摘要: 观察者模式 定义:观察者模式(Observer Pattern):定义对象间的一种一对多依赖关系,使得每当一个对象状态发生改变时,其相关依赖对象皆得到通知并被自动更新。 其中有两个定义需要明确,被观察者和观察者。通常来说,这两者是一对多的,也有多对多的情景。 在网页开发中,被观察者通常是数据源,不论 阅读全文
posted @ 2018-08-01 23:28 liuyongjia 阅读(762) 评论(0) 推荐(0) 编辑