UI组件和容器组件
我们让 UI组件 负责页面的渲染,让 容器组件 负责页面的逻辑
当然有时候让 UI组件 负责一点点逻辑也是可以的。
当 UI组件 只负责页面渲染时,它实际只有一个render函数,那么此时我们可以使用无状态组件代替它以提高性能。
Redux的reducer为什么不能有异步操作
回顾Redux设计和使用的三大基本原则可参考笔记Redux入门(2):
单一数据源,也就是store中的state是唯一的
state 是只读,Redux并没有暴露出直接修改state的接口,必须通过action来触发修改(即:只有store能改变自己的state)
reducer必须是纯函数
Redux入门(2)
使用redux完成TodoList列表功能实现效果:继续上一篇笔记的例子,我们希望在点击 “提交”按钮 后,input框中的 数据value 存到store中的list 中,并清空input框。
JS笔试遇到的知识点(1)
四种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 属性只返回元素节点。