1.在 DOM2.0 事件分为捕获阶段和冒泡阶段，React 中通常我们注册的事件为冒泡事件，如果要注册捕获阶段的事件，可以在事件名称后加 Capture 如： onClick onClickCapture 2.表单事件…

我们知道 React 的标准模式是单向数据流，而其表单项通常需要监听 onChange 事件，然后通过改变外部的 value 来回写表单项的 value，譬如如下 input class App extends Reac…

在上一篇中写过，组件可以分为函数式组件和类组件，并且更新组件的方法也给出了通过传入ReactDOM.render()方法进行更新。但是这种方式并不能很好地进行封装成独立功能的组件，一些操作会由外部进行控制。而我们理想中的…

前言 我最一开始是先学的react，然后也就前段时间开始学习vue，一开始给我的感受是两者很相似，react给我的感觉是灵活，vue是一种死板的感觉。为什么有这种感觉呢，react有一种很强烈的欲望，all in js只…

需求背景 最近有个需求，需要在项目中添加一个消息通知弹窗，告知用户一些信息。用户看过消息后，就不再弹窗了。 问题 很明显，这个需要后端的介入，提供相应的接口（这样可扩展性更好）。 在开发过程中，遇到个问题：由于我们的系统…

webpack4特性 webpack4比较热门的两大特性，零配置和速度快（号称提速上限98%） 一般情况下，webpack4相比于低版本，production场景下第三方依赖打包速度 和 development场景下本地…

奇怪，怎么把函数的柯里化和Redux中间件这两个八竿子打不着的东西联系到了一起，如果你和我有同样疑问的话，说明你对Redux中间件的原理根本就不了解，我们先来讲下什么是函数的柯里化？再来讲下Redux的中间件及apply…

不知道大家对于 Controlled Input的概念好不好奇，我在最开始用React的时候就对其非常感兴趣，然而奈何那时候能力不够，也没那么多时间去看源码，所以一直处于猜测而没有去证实的阶段。在后来使用Vue进行开发的…

在实际的业务场景中，form表单里面提交upload是一个非常普遍的应用场景。这里记录下，自己使用form表单，upload图片的代码。话不多说 ，直接上代码。 封装一下upload组件 import * as Reac…

React 生命周期 生命周期图解 初始阶段 设置默认属性 (defaultProps), 设置属性类型 (propTypes) 初始化状态 (state = {}) componentWillMount() ->…

设计思想 1.web应用是一个状态机,试图与状态是一一对应的.2.所有的状态,保存在一个对象里. 基本改变和API 1.StoreStore就是保存数据的地方,你可以把它看成一个容器,整个应用只能有一个Store.Red…

整理一下React中关于state和props的知识点。 在任何应用中，数据都是必不可少的。我们需要直接的改变页面上一块的区域来使得视图的刷新，或者间接地改变其他地方的数据。React的数据是自顶向下单向流动的，即从父组…