React
6篇文章 · 0订阅
  • 面试官: 你对虚拟DOM原理的理解?
    Virtual DOM是对DOM的抽象,本质上是JavaScript对象,这个对象就是更加轻量级的对DOM的描述. 首先,我们都知道在前端性能优化的一个秘诀就是尽可能少地操作DOM,不仅仅是DOM相对较慢,更因为频繁变动DOM会造成浏览器的回流或者重回,这些都是性能的杀手,因此…
    面试 前端
  • [译] React-Redux 官方 Hooks 文档说明
    React的新 "hooks" APIs 赋予了函数组件使用本地组件状态，执行副作用，等各种能力。 React Redux 现在提供了一系列 hook APIs 作为现在 connect() 高阶组件的替代品。这些 APIs 允许你，在不使用 connect() 包裹组件的情况…
    前端
  • React Hooks 详解 【近 1W 字】+ 项目实战
    如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…
    React.js
  • 单页应用和多页应用
    SPA(single page application): 单页面应用，即一个web项目就只有一个页面（即一个HTML文件）。 就是把整个项目的所有页面的所有内容分成了很多的小块（就是组件），可以重复利用的，可以任意调整的组件，每个组件就是一个独立的部分（包括html，css和…
    前端
  • React 框架生命周期（类组件与函数组件）
    在学习任何一个框架原理之前，学习它的生命周期是非常必要的，至少可以让我们明白在什么时候该做什么事情。不至于犯一些低级错误。 React 16.8 版本正式发布了 Hook 机制，因此本文会分别讲解 Class Component 生命周期与 Function Component…
    React.js
  • 你真的了解 React 生命周期吗
    该生命周期钩子的作用： 将父组件传递过来的 props 映射 到子组件的 state 上面，这样组件内部就不用再通过 this.props.xxx 获取属性值了，统一通过 this.state.xxx 获取。映射就相当于拷贝了一份父组件传过来的 props ，作为子组件自己的状…
    React.js