Heart_of_time - 博客园
摘要: 从input框获取焦点到,输入值,失去焦点这个过程所有事件,以及一些特点; 1、过程 onfocus -> 键盘输入 -> onkeydown -> onkeypress -> onkeyup -> oninput -> 失去焦点 -> onchange -> onblur 如下,奉上代码; 执行结阅读全文
posted @ 2018-05-25 11:00 Heart_of_time 阅读(53) 评论(0) 编辑
摘要: 前传 中间件的由来 redux的操作的过程,用户操作的时候,我们通过dispatch分发一个action,纯函数reducer检测到该操作,并根据action的type属性,进行相应的运算,返回state,然后更新view。 但是一个很重要的问题,reducer对于action会立即进行运算,并返回阅读全文
posted @ 2018-05-16 18:20 Heart_of_time 阅读(106) 评论(0) 编辑
摘要: 高阶组件是什么东西 简单的理解是:一个包装了另一个基础组件的组件。(相对高阶组件来说,我习惯把被包装的组件称为基础组件) 注意:这里说的是包装,可以理解成包裹和组装; 具体的是高阶组件的两种形式吧: a、属性代理(Props Proxy) 可以说是对组件的包裹,在包裹的过程中对被包裹的组件做了点什么阅读全文
posted @ 2018-05-16 11:53 Heart_of_time 阅读(157) 评论(-5) 编辑
摘要: compose,英文意思 组成,构成。 它的作用也是通过一系列的骚操作,实现任意的、多种的、不同的功能模块的组合,用来加强组件。 看看源码 https://github.com/reactjs/redux/blob/v3.7.2/src/compose.js 是不是感觉很简单,关键就这一句嘛,结果也阅读全文
posted @ 2018-05-14 22:08 Heart_of_time 阅读(30) 评论(0) 编辑
摘要: 例子:https://github.com/wayaha/rotateChart 在ES5中,构造函数的使用可以说是很能体现面向对象的编程思想,有学过c的同学,可以很明显体会到面向过程和面向对象的区别,不多瞎扯,这次通过一个轮播图的插件来理解一下构造函数; 1、关于对象的创建方式 常见的创建对象方式阅读全文
posted @ 2018-05-12 12:00 Heart_of_time 阅读(35) 评论(0) 编辑
摘要: 详细代码栗子:https://github.com/wayaha/react-dom-CY(如果对您有帮助,请你帮我点颗star) clone然后 分割线 1、这个项目使用create-react-app搭建; 首先需要安装好create-react-app 安装完毕之后就是搭建项目; 安装完成之后阅读全文
posted @ 2018-05-09 11:08 Heart_of_time 阅读(100) 评论(1) 编辑
摘要: 总结一下lodash中Collection的所有的方法,方便对比记忆,也便于使用时候查找。 1、 判断是否符合条件;返回bool; a) every: 判断每一值是不是都符合条件; 通过 predicate(断言函数) 检查 collection(集合)中的 所有 元素是否都返回真值; _.ever阅读全文
posted @ 2018-05-08 19:38 Heart_of_time 阅读(14) 评论(0) 编辑