cmydev

关于 React16 开始应用的新生命周期： 可以看出，React16 自上而下地对生命周期做了另一种维度的解读： Render 阶段：用于计算一些必要的状态信息。...

package.json 主要用于记录项目的元数据和依赖信息，而 package-lock.json 则用于存储 `node_modules` 下的包信息，并锁定这些包的版...

客户端路由实现的思想： 基于 hash 的路由：通过监听 hashchange 事件，感知 hash 的变化 改变 hash 可以直接通过 location.hash=xx...

从最终渲染的 DOM 来看，这两者都是链接，都是 标签，区别是∶ 有 onclick 那就执行 onclick click 的时候阻止 a 标签默认事件 根据跳转 href...

React 是视图层框架。Redux 是一个用来管理数据状态和 UI 状态的JavaScript 应用工具。随着 JavaScript 单页应用（SPA）开发日趋复杂， J...

两者都是存储数据以供后期使用。但是 Redux 状态更改可回溯—— Time travel，数据多了的时候可以很清晰的知道改动在哪里发生，完整的提供了一套状态管理模式。...

（1）Redux 和 Vuex 区别 Vuex 改进了 Redux 中的 Action 和 Reducer 函数，以 mutations 变化函数取代 Reducer，无需...

redux 中间件本质就是一个函数柯里化。redux applyMiddleware Api 源码中每个 middleware 接受 2 个参数，Store 的 getSt...

React Hooks 主要解决了以下问题： （1）在组件之间复用状态逻辑很难 React 没有提供将可复用性行为“附加”到组件的途径（例如，把组件连接到 store）...

React Hooks 的限制主要有两条： 不要在循环、条件或嵌套函数中调用 Hook； 在 React 的函数组件中调用 Hook。...

实际上，diff 算法探讨的就是虚拟 DOM 树发生变化后，生成 DOM 树更新补丁的方式。它通过对比新旧两株虚拟 DOM 树的变更差异，将更新补丁作用于真实 DOM，以最...

Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。在开发过程中，我们需要保证某个元素的 key 在其同级元素中具有唯一性。...

diff 算法是指生成更新补丁的方式，主要应用于虚拟 DOM 树变化后，更新真实 DOM。所以 diff 算法一定存在这样一个过程：触发更新 → 生成补丁 → 应用补丁。...

React 16.x 的三大新特性 Time Slicing、Suspense、 hooks Time Slicing（解决 CPU 速度问题）使得在执行任务的期间可以随时...

Redux：将页面的数据存储在 redux 中，在重新加载页面时，获取 Redux 中的数据； data.js：使用 webpack 构建的项目，可以建一个文件，data....

本质上来说 JSX 是 React.createElement(component,props, ...children)方法的语法糖。...

Redux 的中间件提供的是位于 action 被发起之后，到达 reducer之前的扩展点，换而言之，原本 view -→> action -> reducer -> s...

⽗组件向⼦组件通讯: ⽗组件可以向⼦组件通过传 props 的⽅式向⼦组件进⾏通讯 ⼦组件向⽗组件通讯: props+回调的⽅式，⽗组件向⼦组件传递props 进⾏通讯...

1.多⼊⼝情况下，使⽤ CommonsChunkPlugin 来提取公共代码 2.通过 externals 配置来提取常⽤库 3.利⽤ DllPlugin 和 DllRef...

⽤webpack 优化前端性能是指优化 webpack 的输出结果，让打包的最终结果在浏览器运⾏快速⾼效。 压缩代码：删除多余的代码、注释、简化代码的写法等等⽅式。...