所学所思

开发模式顾名思义就是我们开发代码时使用的模式。这个模式下我们主要做两件事情：1、编译代码，使浏览器能够识别运行开发时我们有样式资源、字体图标、图片压缩、html资源等，webpack 默认都不能处理这些资源，所以我们要加载配置来编译这些资源2、代码质量检查，树立代码规范提前检查代码的一些隐患，让代码运行时能更加健壮提前检查代码规范和格式，统一团队编码风格，让代码更优雅美观webpack 本身是不能识别样式资源的，所以我们需要借助 Loader 来帮助 webpack 解析样式资源。

点击此处可以跳转 5.x版本1、react-router：路由的核心库，提供了很多的：组件、钩子2、react-router-dom：包含 react-router 所有内容，并添加一些专门用于 DOM 的组件，例如等3、react-router-native： 包括 react-router 所有内容，并添加一些专门用于 ReactNative 的 API，例如等。

父子组件兄弟组件（非嵌套组件）祖孙组件（跨级组件）

3、redux 的 reducer 函数必须是一个纯函数（不能写 unshift 等方法添加数据，如果 preState 被改写 reducer 就不纯了，页面也不会更新）！3、重点：Person 的 reducer 和 Count 的 reducer 要使用 combineReducers 进行合并，合并后的总状态时一个对象！5、备注：容器给 UI 传递：状态（这里的状态是 redux 中的状态）、操作状态的方法，均通过 props 传递。

1、一个路由就是一个映射关系（key：value）2、key 为路径，value 可能是 function 或 component1、默认使用的是模糊匹配（简单记：【输入的路径】必须包含要【匹配的路径】，且顺序一致）2、开启严格匹配3、严格匹配不要随便开启，需要再开，有些时候开启会导致无法继续匹配二级路由。

1、React 本身只关注于界面，并不包含发送 ajax 请求的代码2、前端应用需要通过 ajax 请求于后台进行交互（json 数据）3、React 应用中需要集成第三方 ajax 库（或自己封装）1、jQuery：比较重，如果需要另外引入不建议使用2、axios：轻量级，建议使用1）封装 XmlHttpRequest 对象的 ajax2）promise 风格3）可以用在浏览器端和 node 服务器端FeHelper（前端助手）：JSON 自动格式化，手动格式，支持排序、解码、下载等等“pro

setupTests.js ----- 应用的整体测试，单元测试，组件测试（jest-dom 支持）App.test.js ------- 用于给 APP 做测试,基本不用，直接运行看效果即可。App.css ----------- App 组件的样式。App.js ------------ App 组件。logo192.png ------ logo 图。robots.txt ------- 爬虫协议文件。index.js ---------- 入口文件。工程化: 代码编写完成以后一系列都可以自动运行。

{id: 1, name:'小刘', age: 24}{id: 2, name:'小陈', age: 25}{id: 3, name:'小王', age: 21}{id: 1, name:'小刘', age: 24}{id: 2, name:'小陈', age: 25}{id: 1, name:'小刘', age: 24}{id: 2, name:'小陈', age: 25}{id: 1, name:'小刘', age: 24}{id: 2, name:'小陈', age: 25}

2、理解：包含表单的组件分类2.1 受控组件页面中所有的输入类的节点，随着输入将数据维护到状态中，使用的时候直接从状态中取，就是受控组件受控组件的优势在于 可以减少 ref 的使用2.2 非受控组件页面中所有的输入类的节点，现用现取就是 非受控组件二、高阶函数_函数柯里化1、复习–对象相关的知识2、高阶函数如果一个函数符合下面 2 个规范中任何一个，那么该函数就是高阶函数1）若 A 函数，接收的参数是一个函数，那么 A 就可以称为高阶函数2）若 A 函数，调用的返回值依然是一个函数，

/**_ 执行了 ReactDOM.render(, … 之后，发生了什么？_ 1.React 解析组件标签，找到了 MyComponent 组件_ 2.发现组件是使用函数定义的，随后调用该函数，将返回的虚拟 DOM 转为真实 DOM，随后呈现在页面中_/2、类的复习总结：1、类中的构造器不是必须要写的，要对实例进行一些初始化的操作，如添加指定属性时才写2、如果 A 类继承了 B 类且 A 类中写了构造器，那么 A 类构造器中 super 时必须要调用的3、类中所定义的方法，都是放在了类的

用于构建用户界面的 JavaScript 库界面–》 视图只关注视图层例子：使用原有的知识去展示数据的步骤1）发送请求获取数据2）处理数据（过滤、整理格式等）3）操作 DOM 呈现页面 （React 只关注这一步骤）React 是一个将数据渲染为 HTML 视图的开源 Javascript 库。

使用 Electron Html Css Js Nodejs 实现一个类似于 EditPlus 的记事本编辑器的小小编辑器，此项目的主要目的是让大家巩固前面学的知识点以及灵活运用 Electron 中的模板。nodemon 是一个命令行工具，用来辅助项目开发。在 Nodejs 中，可以在每次修改文件后重新执行该文件。

单独写在一个 js 文件中，然后再在主进程中引入labe: "文件",submenu: [label: "新建文件",},label: "编辑",submenu: [label: "复制",},submenu: [// main.js// 1、引入初始化remote 模块width:800,})// __dirname 表示获取我们当前目录， path.join 会将两个参数合并成 d://electrondemo/index.html// 打开调试模式。