快乐de馒头

扩展程序路径：C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\Extensions。打开Google浏览器扩展程序，然后勾选开发者模式。下面的id对应最上面路径中的文件夹名字，对应的是。打包扩展程序，打包就可以了。...

store.js：1). 引入redux中的createStore函数，创建一个store2). createStore调用时要传入一个为其服务的reducer3). 记得暴露store对象preState,action，返回加工后的状态reducer有两个作用：初始化状态，加工状态reducer被第一次调用时，是store自动触发的，传递的preState是undefined,在index.js中监测store中状态的改变，一旦发生改变重新渲染.........

其它组件库：饿了么UI。

一个路由就是一个映射关系(key: value)key为路径,value可能是function或component。

跨域问题的出现是因为浏览器的同源策略问题。所谓同源就是必须有以下三个相同点：协议相同、主机相同、端口相同。如果其中有一项不同，即出现非同源请求，就会产生跨域。当我们请求一个接口的时候，出现如：Access-Control-Allow-Origin 字眼的时候说明请求跨域了。...

工具库: PubSubJS下载:使用在【接收】数据的组件中【订阅】消息import PubSub from 'pubsub-js' //引入// 订阅PubSub.publish('delete', data) // 发布消息 携带数据设计状态时要考虑全面，例如带有网络请求的组件，要考虑请求失败怎么办。ES6小知识点：解构赋值+重命名//传统解构赋值//连续解构赋值//连续解构赋值+重命名消息订阅与发布机制先订阅，再发布（理解：有一种隔空对话的感觉）适用于任意组件间通信。............

之前用Vue写过这个页面，这次用再写一次，步骤功能都是类似的，就是语法和用法有点区别可以对比着学习一下。

1.1. react脚手架xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库: create-react-app项目的整体技术架构为: react + webpack + es6 + eslint使用脚手架开发的项目的特点: 模块化, 组件化, 工程化1.2. 创建项目并启动。...

代码】十一、DOM的Diffing算法。

componentDidUpdate(prevProps, prevState, snapshotValue) —— 组件完成更新。由组件内部this.setSate()或父组件重新render触发或强制更新forceUpdate()getDerivedStateFromProps() —— 从props得到一个派生的状态 【新增】shouldComponentUpdate() —— 组件是否应该被更新（默认返回true）render() —— 挂载组件。render() —— 挂载组件。...

1. 组件的生命周期1.1 理解组件从创建到死亡它会经历一些特定的阶段。React组件中包含一系列勾子函数(生命周期回调函数), 会在特定的时刻调用。我们在定义组件时，会在特定的生命周期回调函数中，做特定的工作。1.2 引入案例需求:定义组件实现以下功能：让指定的文本做显示 / 隐藏的渐变动画从完全可见，到彻底消失，耗时2S点击“不活了”按钮从界面中卸载组件1.3 生命周期的三个阶段（旧）1.3.1 初始化阶段。...

代码】八、高阶函数_函数柯里化。

代码】七、react中收集表单数据。

代码】六、react中的事件处理。

代码】五、react三大属性之ref。

代码】四、react三大属性之props。

一、复习原生事件绑定类的方法this指向。

代码】二、两种定义组件的方法。

使用jsx创建虚拟DOM。使用js创建虚拟DOM。

代码】jQuery全屏滚动插件fullPage.js简单使用。