自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

转载 react 中间件相关的一些源码解析

零、随便说说中间件   在react的使用中,我们可以将数据放到redux,甚至将一些数据相关的业务逻辑放到redux,这样可以简化我们组件,也更方便组件抽离、封装、复用,只是redux不能很好的处理异步,当我们获取接口数据的时候,redux就满足不了我们的需要。然后,中间件就出来了,使用中间件可以满足我们异步获取数据,当然也可以干其他的事;   我们都知道一个数据更新,经过comp...

2019-01-30 17:19:00 95

转载 说说 input 输入框的事件

从input框获取焦点到,输入值,失去焦点这个过程所有事件,以及一些特点; 1、过程   onfocus -> 键盘输入 -> onkeydown -> onkeypress -> onkeyup -> oninput -> 失去焦点 -> onchange -> onblur   如下,奉上代码; function h...

2018-05-25 11:00:00 266

转载 redux 中间件 --- applyMiddleware 源码解析 + 中间件的实战

前传 中间件的由来   redux的操作的过程,用户操作的时候,我们通过dispatch分发一个action,纯函数reducer检测到该操作,并根据action的type属性,进行相应的运算,返回state,然后更新view。   但是一个很重要的问题,reducer对于action会立即进行运算,并返回state,如果我们的操作是要获取服务端的数据,需要调用接口类似的异步操作呢...

2018-05-16 18:20:00 139

转载 react 高阶组件的 理解和应用

高阶组件是什么东西   简单的理解是:一个包装了另一个基础组件的组件。(相对高阶组件来说,我习惯把被包装的组件称为基础组件)   注意:这里说的是包装,可以理解成包裹和组装;   具体的是高阶组件的两种形式吧:     a、属性代理(Props Proxy)       可以说是对组件的包裹,在包裹的过程中对被包裹的组件做了点什么(props的处理,把基础组件和其他元素组合),...

2018-05-16 11:53:00 169

转载 从 源码 谈谈 redux compose

compose,英文意思 组成,构成。   它的作用也是通过一系列的骚操作,实现任意的、多种的、不同的功能模块的组合,用来加强组件。 看看源码   https://github.com/reactjs/redux/blob/v3.7.2/src/compose.js function compose(...funcs) { if (funcs.lengt...

2018-05-14 22:08:00 64

转载 通过一个轮播图插件来了解构造函数

例子:https://github.com/wayaha/rotateChart 在ES5中,构造函数的使用可以说是很能体现面向对象的编程思想,有学过c的同学,可以很明显体会到面向过程和面向对象的区别,不多瞎扯,这次通过一个轮播图的插件来理解一下构造函数; 1、关于对象的创建方式   常见的创建对象方式有:字面量和通过new + 构造函数的方式;   字面量的方式相对灵...

2018-05-12 12:00:00 129

转载 关于react router 4 实践

详细代码栗子:https://github.com/wayaha/react-dom-CY(如果对您有帮助,请你帮我点颗star) clone然后 npm install npm start 分割线 1、这个项目使用create-react-app搭建;   首先需要安装好create-react-app npm install -g create-r...

2018-05-09 11:08:00 111

转载 lodash中Collection部分所有方法的总结

  总结一下lodash中Collection的所有的方法,方便对比记忆,也便于使用时候查找。 1、 判断是否符合条件;返回bool;   a) every: 判断每一值是不是都符合条件;     通过predicate(断言函数) 检查collection(集合)中的所有元素是否都返回真值;     _.every(collection, [predica...

2018-05-08 19:38:00 295

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除