4-5 搭建开发环境
从0开始搭建,不使用任何框架
使用nodemon监测文件变化,自动重启node(不需要像之前那样使用node xxx.js来手动重启node)
使用cross-env设置环境变量,兼容mac linux和windows
Redux进阶(1)UI组件、容器组件、无状态组件
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)