言sir

1、什么是抽象语法树 2、抽象语法树用途 2.1、代码语法的检查，代码风格的检查，代码的格式化，代码的高亮，代码错误提示，代码自动补全等等 如JSLint、JSHint对代码错误或风格的检查，发现一些

useState 的替代方案。它接收一个形如 (state, action) => newState 的 reducer，并返回当前的 state 以及与其配套的 dispatch 方法。（如果你熟悉 Redux 的话，就已经知道它如何工作了。） 在某些场景下，useReduc…

- style写法就如上面。放在对象中{color:'red'} 这段代码并不是合法的js代码，它是一种被称为jsx的语法扩展，通过它我们就可以很方便的在js代码中书写html片段。 - 以上就是最简单虚拟DOM的样子，就是一个对象。 - createElement()方法。 …

filter 过滤,filter()使用指定的函数测试所有元素，并创建一个包含所有通过测试的元素的新数组。 map 映射,map()方法返回一个新数组，数组中的元素为原始数组元素调用函数处理的后值。 reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩…

在一个块级排版上下文中，盒子是从包含块顶部开始，垂直的一个接一个的排列的。 相邻两个盒子之间的垂直的间距是被margin属性所决定的，在一个块级排版上下文中相邻的两个块级盒之间的垂直margin是折叠的 重绘:当盒子的位置、大小以及其他属性，例如颜色、字体大小等都确定下来之后，…

reducers->index.js是主入口文件，因为可能有好多个reducer。 由于我们只有一个计数器的reducer，项目中肯定会有多个reducer，在这个文件中进行合并。 Provider是一个组件，在react入口文件中用于提供store。 组件中用到connect…

entry：入口，Webpack 执行构建的第一步将从 Entry 开始，可抽象成输入。 Module：模块，在 Webpack 里一切皆模块，一个模块对应着一个文件。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。 Chunk：代码块，一个 Chunk 由…

基于 redux、redux-saga 和 react-router 的轻量级前端框架。 当此类行为会改变数据的时候可以通过 dispatch 发起一个 action，如果是同步行为会直接通过 Reducers 改变 State ，如果是异步行为（副作用）会先触发 Effect…

redux-saga 是一个 redux 的中间件，而中间件的作用是为 redux 提供额外的功能。 由于在 reducers 中的所有操作都是同步的并且是纯粹的，即 reducer 都是纯函数，纯函数是指一个函数的返回结果只依赖于它的参数，并且在执行过程中不会对外部产生副作用…