Dark_programmer的博客

React 事件委托1. 什么是事件委托？2. 事件委托有什么好处？2.1 减少内存消耗2.2 动态绑定事件3. 普通写法与事件委托写法对比3.1 普通写法3.2 事件委托方式1. 什么是事件委托？事件委托也称之为事件代理（Event Delegation） ，是JavaScript中常用绑定事件的常用技巧。顾名思义，“事件代理”即是把原本需要绑定在子元素的响应事件委托给父元素，让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡。假设有这么一个场景，有一个列表是根据数组动态渲染的，而

收藏从未停止，学习从未开始react脚手架创建项目时隔一年，中间虽参与过几个react项目，但是一直没机会从0创建项目开始。后一直致力于vue的开发，所以暂时放下了react。至今，闲暇之余本想着重新温习一下react，但在创建项目的时候发现一个问题，特此记录。使用脚手架命令创建项目：create-react-app pro_name提示了以下信息：You are running `create-react-app` 4.0.2, which is behind the latest .

react组件形式不外乎于class类组件与function函数式组件。关于类组件与函数式组件的区别不再进行阐述。在我们使用函数式组件的时候，想要实现部分类组件的特性。那么，在我们该如何编写呢？？？？答案就是：React Hook 帮你实现Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性1. react hook类型useState()useEffect()useContext()useReducer(

在react项目运行的时候，有时候会报这个警告 Useless constructor no-useless-constructor下图是我的代码运行之后的警告：此时代码如下：原因是构造函数里缺少state，解决方法只要在constructor里面加上this.state={ }，加上state对象就可以这样就不会发出警告了...

React 脚手架create-react-app关于react项目的创建，我们当然可以手动进行搭建，但如果项目不是特别复杂，推荐使用creater-react-app进行项目的搭建。由Facebook官方开发。用create-react-app生成的项目的目录结构是比较简洁的。全局安装脚手架create-react-appnpm install -g create-react-app...

组件中DOM样式第一种、行内样式通过使用表达式传入样式对象来实现：方式一： <div style={{ color: "red", fontSize: 30 + "px" }}> 通过行内样式进行设置</div>需要注意的是{{}}，此处有两对花括号。第一个表示我们在要JSX里插入JS了，第二个是对象的括号方式二：constructor(p...

在react里如何进行路由的配置呢？需要用到的插件 create-react-app、react-router-dom。1.根据create-react-app脚手架进行项目的搭建传送门，如何使用脚手架搭建 → create-react-app2.安装插件yarn add react-router-dom3.在src文件夹下创建pages文件夹，内涵三个 .JSX组件Abou...

1.当你调用setState的时候，发生了什么事？当调用 setState 时，React会做的第一件事情是将传递给 setState 的对象合并到组件的当前状态。 这将启动一个称为和解（reconciliation）的过程。 和解（reconciliation）的最终目标是以最有效的方式，根据这个新的状态来更新UI。 为此，React将构建一个新的 React 元素树（您可以将其视为 UI 的...

1.Virtual DOM 如何工作?Virtual DOM 分为三个简单的步骤。每当任何底层数据发生更改时，整个 UI 都将以 Virtual DOM 的形式重新渲染。然后计算先前 Virtual DOM 对象和新的 Virtual DOM 对象之间的差异。一旦计算完成，真实的 DOM 将只更新实际更改的内容。-2.如何发起 AJAX 调用以及应该在哪些组件生命周期方法中进行...

react-redux使用讲解1.创建react项目2.使用前准备2.1 插件安装2.2 建立文件结构3.在项目中使用reacct-redux3.1 将store注入项目3.2 组件与store关联注意1.创建react项目具体创建步骤此处就不再掩饰，有兴趣的可看笔者的另一篇博客【react脚手架搭建项目】搭建完成后，对项目进行修正以及路由配置修改后我的目录为:不必强求一模一样。2...

React 组件关于创建项目，可以选择手动创建和通过脚手架来创建。这里给一个传送门 → 通过React 脚手架创建项目我们先来编写第一个 react 程序// 从 react 的包当中引入了 React。只要你要写 React.js 组件就必须引入React, 因为react里有一种语法叫JSX，稍后会讲到JSX，要写JSX，就必须引入Reactimport React from 'rea...