0o华仔o0

在使用 React 构建web应用的时候， 我们一般会通过 props 属性来进行父子间组件之间的通讯。但是当应用比较复杂，需要多个组件之间进行通讯时， 再使用 props 属性就不太合适了。此时， 我们可以使用 redux 来进行组件之间的通讯。 web应用的 全局数据， 供…

在上面的流程中， 用户通过 dispatch 发起 Action 后， reducer 会立即计算返回新的 state， 这是一个 同步 的过程。 但是如果我们想在 Action 发起之后， 过一段时间再执行 reducer 计算 state， 即 异步计算 state， 该如…

错误边界是一种 React 组件，这种组件可以捕获并打印发生在其子组件树任何位置的 JavaScript 错误，并且，它会渲染出备用 UI，而不是渲染那些崩溃了的子组件树。 如果一个 class 组件中定义了 static getDerivedStateFromError() …

在类组件挂载的时候调用，用于构建一个类组件实例。 在构建类组件实例的时候， 会先执行基类构造函数( React.Component ) 使用父组件传入的 props 来初始化 props 属性， 然后执行自定义构造函数来初始化 state 和 事件绑定。 如果类组件不需要初始化…

ES6 中引入了 class(类) 的概念。 通过 class 关键字，我们可以定义 类。 class 可以看做是一个 语法糖，它的绝大部分功能，都可以用 ES5 做到， 它只是让 对象原型(prototype) 的写法 更加清晰、更像面向对象编程 的语法而已。 constru…

要 自己实现 Promise， 首先需要了解 原生 Promise 的一些 关键特性。 提供一个 构造函数 - Promise， 返回一个 promise 对象。 promise 对象 应包含 属性: 状态 - PromiseStatus(pending、resolved、re…

webpack 提供一个方法 webpack(options, callback) 用于 编译打包源文件。 将用户传入的 配置项 - configOption 标准化， 根据 工作模式(development / production) 给 entry、 optimizatio…

使用 vue-loader 的之前， 我们需要安装一些必要的 loader。。 必需的 loader 包括：vue-loader、vue-style-loader、vue-template-compiler、css-loader。 可能需要的 loader 包含：sass-lo…

模式配置，webpack 可根据不同的模式选择不同的 内置优化过程。 production: "生产模式"。 当前模式下，部分配置项的默认值如下： development: "开发模式"。当前模式下，部分配置项的默认值如下： cache 配置项的值默认为 true。 webpa…