代码编织梦想

【react】sigma.js框架网络图-爱代码爱编程

一、介绍 Sigma.js是一个专门用于图形绘制的JavaScript库。 它使在Web页面上发布网络变得容易,并允许开发人员将网络探索集成到丰富的Web应用程序中。 Sigma.js提供了许多内置功能,例如Canv

封装react-爱代码爱编程

一般情况下,我们在页面组件里面都会使用state创建对应的分页参数和分页方法然后传入对应的组件内部,再或者选择行、全选等等,这都会在每一个组件中徒增大量的代码行数,所以简单整理了一下这个只是针对于处理逻辑的组件: useTa

usememo和usecallback_usememo和usecalllback-爱代码爱编程

useMemo和useCallback是React中的两个优化性能的钩子(Hooks)。它们都可以用来缓存计算结果,避免在每次渲染时都重新执行耗时的操作。然而,它们的主要区别在于缓存的内容和使用场景。 useMemo useMemo用于缓存那些计算成本较高的值。它接收两个参数:一个回调函数和一个依赖数组。当依赖数组中的任何一个值发生变化时,useMemo

react antd 实现修改密码(原密码,新密码,再次输入新密码,新密码增加正则复杂度校验)-爱代码爱编程

先看样子 组件代码: import React, { useState, useEffect } from 'react' import { Row, Col, Modal, Spin, Input, Button,

【react】ant design社区扩展库之分割面板:react-爱代码爱编程

主角:react-resizable-panels 简介:来之Ant Design官方文档社区精选组件 1、效果 2、环境 react-resizable-panels: ^2.0.16next: 14.

【nextjs】整个项目跨域配置_next14 配置跨域-爱代码爱编程

项目跨域是指:本项目作为被访问方,由另一个项目对本项目发起fetch等动作获取数据页面数据 实验环境: next: 14.1.0react: ^18 配置文件:next.config.[mjs|js|ts]

bizcharts中linechart时间戳使用moment转化出现invalid date-爱代码爱编程

文章目录 一、前言1.1、问题1.2、解决 二、`bizcharts`三、`moment.js`四、在线源码五、最后 一、前言 1.1、问题 最近在使用bizcharts绘制折线图LineC

react核心⼊⻔-爱代码爱编程

自学React从入门到精通,从使用到写源码 React⼊⻔ 课堂⽬标 资源 起步 ⽂件结构 ⽂件结构⼀览 React和

【react】基于echarts实现关系图(图谱&graph)-爱代码爱编程

效果 环境 echarts: ^5.5.0lodash: ^4.17.21next: 14.1.3react: ^18 目录 仅包含涉及到的文件 | - app |- page.tsx | - compo

forwardref-爱代码爱编程

在React中,forwardRef是一个高级特性,用于在组件之间转发ref。它允许你获取对子组件中的DOM元素或组件实例的引用。forwardRef通常用于以下场景: 包装第三方组件:当你使用第三方UI库的组件时,可能想要直接访问这些组件内部的DOM元素或方法,而不是通过props进行传递。通过使用forwardRef,你可以将ref传递给封装的第三

[尚硅谷react笔记]——第3章 react应用(基于react脚手架)-爱代码爱编程

目录: react脚手架创建项目并启动react脚手架项目结构一个简单的Hello组件样式的模块化功能界面的组件化编码流程(通用)组件的组合使用-TodoList   1.react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置(语法检查、jsx编译、devServer…)下载好了所有相关的依赖可

umi + react + ant design pro 项目实践(二)—— 新建页面_umi如何打开一个新的页面-爱代码爱编程

Umi 的路由是基于 [email protected] 实现(注:不是最新的 6.4,6.4 包含的 loader 和 action 功能并不是 Umi 所需要的)。 通过命令即可创建路由: npx umi g page

react学习笔记【3】(react组件实例三大属性 state props ref)_react isrequired-爱代码爱编程

学习地址:https://www.bilibili.com/video/BV1wy4y1D7JT 官方文档: 英文:https://react.dev/中文:https://react.docschina.org/ 组件

react学习笔记【10】(消息订阅-爱代码爱编程

学习地址:https://www.bilibili.com/video/BV1wy4y1D7JT 官方文档: 英文:https://react.dev/中文:https://react.docschina.org/ 工具

umi + react + ant design pro 项目实践(五)—— 页面实现_plugins: ['@umijs/plugins/dist/react-爱代码爱编程

需要用到请求方案,使用的是 react-query(也就是 @tanstack/react-query,他们是同一个库,@tanstack/react-query 是 react-query 改名后的包)。 打开 .umi

umi + react + ant design pro 项目实践(六)—— prolayout 应用_@ant-爱代码爱编程

打开 .umirc.ts 文件: import { defineConfig } from "umi"; export default defineConfig({ plugins: ['@umijs/plugins

reactthree入门1-爱代码爱编程

目录 简介与安装最简案例 简介与安装 react-three-fiber 是一款集成了 threejs 绝大部分功能且以标签的形式来构建 3d 场景的库 由于版本更新,最新

react styled-爱代码爱编程

styled-components props、attrs属性 `props``props` 穿透添加 `attrs` 属性获取 `state` 中的样式 变量控制样式通过 `props` 控制样式通过

react g2plot 水波图_g2plot官方文档-爱代码爱编程

官方文档:https://antv-g2plot-v1.gitee.io/zh/docs/manual/introduction 安装依赖 npm install @antv/g2plot 或 yarn add @

react中使用react-爱代码爱编程

文章目录 一、前言1.1、在线`demo`1.2、`Github`仓库 二、实践2.1、安装`react-json-view`2.2、组件封装2.3、效果2.4、参数详解2.4.1、`src`(必须) :