四种touch事件1234touchstart: //手指放到屏幕上时触发touchmove: //手指在屏幕上滑动式触发touchend: //手指离开屏幕时触发touchcancel: //系统取消touch事件的时候触发，这个好像比较少用
Redux入门（1）
Redux概念简述
Redux 是全球范围内比较推荐的 和React进行搭配的 数据层框架。
无论程序多么复杂，都不需要我们手动传值了，数据传递的过程都是：组件数据改变-> Store改变 -> 其他组件取值
Redux=Reducer+Flux（Flux是FaceBook公司最早配合React推出的数据层框架，但是它问题很多，所以作者Dan引入Reducer的概念创造了Redux）
DOM 元素的 children 与 childNodes 属性
children 与 childNodes 的区别childNodes 属性返回所有的节点，包括文本节点、注释节点。children 属性只返回元素节点。
react-transition-group实现多元素之间的动画
TransitionGroup配合CSSTransition
回到文档中,我们可以看到有react-transition-group有**四个组件：Transition、CSSTransition、SwitchTransition、TransitionGroup**。
上一篇笔记我们学习了使用CSSTransition实现单个元素的动画效果。
如果我们想实现多个元素之间的动画效果，就要**使用TransitionGroup配合CSSTransition**：TransitionGroup写在 所有被控制的 DOM元素/组件 的外部,管理所有；CSSTransition写在 具体（单个） DOM元素/组件 的外部，管理单个动画效果。
TransitionGroup文档和例子
使用react-transition-group实现动画
复习：三目运算符b?x:y对于条件表达式b ? x : y，先计算条件b，然后进行判断。如果b的值为true，计算x的值，运算结果为x的值；否则，计算y的值，运算结果为y的值。
Charles代理Chrome抓取localhost的包
慕课实战遇到的问题在React中想使用Charles实现接口数据模拟。发现两个问题：1. Charles无法代理Chrome，所以一开始没抓到chrome的包。2. Charles无法抓localhost的包，导致无法实现接口模拟。
React 高级内容（3）
render函数必须存在所有的生命周期函数都可以没有，但render函数必须存在，否则报错。原因：组件时继承自react的Component的，其中内置了其他所有的生命周期函数，唯独没有render函数。所以我们的render函数是必须自己定义的。