杜杜的博客

理解事件的发布-订阅机制早期最广泛的应用在浏览器的DOM事件中， target.addEventListener(type, listener, useCapture)通过调用addEventListener 方法，创建一个事件监听器，这个动作就是 ‘ 订阅 ’。例如下面这个最简单的发布-订阅案例：// 监听 click (点击)事件，click事件被触发时，事件就会被发布出去，进而触发监听这个事件的func函数。 el.addEventListener("click", func, fals

React 组件性能优化最佳实践React 组件性能优化的核心是减少渲染真实 DOM 节点的频率，减少 Virtual DOM 比对的频率。1. 组件卸载前进行清理操作在组件中为 window 注册的全局事件, 以及定时器, 在组件卸载前要清理掉, 防止组件卸载后继续执行影响应用性能.需求：开启定时器然后卸载组件，查看组件中的定时器是否还在运行。import React, { useState, useEffect } from "react"import ReactDOM from "reac

1 React Hooks介绍1.1 React Hooks是用来做什么的对函数型组件进行增强，让函数型组件可以存储状态，一颗拥有处理**副作用**的能力。让开发者在不使用类组建的情况下，实现相同的功能。什么是副作用？组件中只要不是把数据转换成视图的代码，就是属于副作用 例如：获取dom元素，为dom元素添加事件，定时器，发送AJAX请求等 都是属于副作用代码...

1. React 介绍React 是一个用于构建用户界面的 JavaScript 库，它只负责应用的视图层，帮助开发人员构建快速且交互式的 web 应用程序。React 使用组件的方式构建用户界面。2. JSX 语法在 React 中使用 JSX 语法描述用户界面，它是一种 JavaScript 语法扩展。在 React 代码执行之前，Babel 会将 JSX 语法转换为标准的 JavaScript API。JSX 语法就是一种语法糖，让开发人员使用更加舒服的代码构建用户界面。2.1 在 JS

- upload组件 import { Upload, message, Button } from 'antd'; import { UploadOutlined } from '@ant-design/icons'; import React,{Component} from 'react' class Demo extends Component { state={ fileList:[], delFileIds:[] } onChange=

前端react-umi-dev-----------本地proxy跨域代理配置首先在项目的config 文件中找到相应的位置。 proxy: { '/api': { // 定义代理的名称 target: 'http://10.14.2.345:8000', // 代理的ip changeOrigin: true, // 是否启动代理　　　　　 pathRewrite: {　　　　　 '^/api','' 　　　

通常我们引入图片<img src='图片路径' alt=''/>在React 中我们使用上面的写法引入会图片加载不出来，不显示。所以我们在react中使用以下两种方式去引入图片：组件方式引入：import ImageOne from '图片路径';//直接当成组件去使用<img src={ImageOne } alt='' />reauire 直接引入图片地址：　<img s rc={ require('图片路径')} alt='' />

重新打开新页 window.open

文章目录前言react的新特性之ContextTypeContextType概念ContextType结构创建ContextType实例对象方法ContextType实例-代码总结前言react的新特性之ContextTypereact更新过后出现了以下几个新特性：ContextContextTypelazySuspenseMemo下面进一步的对新特性的----呀呀呀 -搞它 ContextTypeContextType概念ContextType结构创建ContextType实

文章目录前言一、react的新特性1、conText详解ConText概念ConText结构创建ConText实例对象ConText实例-代码2、conTextType详解ContextType概念ContextType结构Lazy概念Lazy结构4、Suspense详解Suspense概念Suspense结构5、Memo详解Memo概念Memo结构总结react新特性前言一、react的新特性react更新过后出现了以下几个新特性：ContextContextTypelazySuspens