代码编织梦想

【react】todolist 小案例-爱代码爱编程

page.tsx "use client" import AddTodo from "@/components/AddTodo"; import TodoList from "@/components/TodoList";

前端canvas项目实战——在线图文编辑器(八):复制、删除、锁定、层叠顺序-爱代码爱编程

目录 前言一、效果展示二、实现步骤1. 复制2. 删除3. 锁定4. 层叠顺序 三、实现过程中发现的bug1. clone方法不复制自定义属性2. 复制「锁定」状态的对象,得到的新对象也是「锁定」状态

rn实现全局数据共享(非redux,使用原生内置的方法实现)-爱代码爱编程

下面这个方法是在RN使用全局数据共享的,使用原生React的方式搞得,相对于Redux配置相对简单,适合小型项目 项目内创建MyContext.js // MyContext.js import React

react路由懒加载——lazy_react router lazy-爱代码爱编程

1、lazy() 动态引入需要懒加载的组件 2、Suspense 来包裹需要懒加载的组件进行加载,设置fallback属性值实现加载中的效果 import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'; import { Suspense, lazy } from

react17+antd4 动态渲染导航菜单中的icon-爱代码爱编程

在路由信息对照表中的icon可以有两种形式:一种是组件形式,一种是字符串形式的。 在antd4的Menu.Item和SubMenu中的icon属性的格式为: 1.组件形式 这种方法在渲染时很方便,与antd中的Menu

react17中使用setstate导致了死循环-爱代码爱编程

在使用setState时发生死循环的错误,可能的原因是在这三个地方使用了setState: componentDidUpdate;componentWillUpdate;render。 为什么会这样?        每

zdpreact_antdesginpro 继续优化ant design开发的后台管理系统-爱代码爱编程

登录后台管理系统 首先,将项目跑起来: 浏览器访问:http://localhost:8000/user/login 通过上次的优化,我们已经能够使用自己的账号密码进行登录了: 底部优化 登录后台以后,目前的底

react——setstate 是同步还是异步问题-爱代码爱编程

这篇是为了了解清楚setState的更新机制,有人理解setState方法是异步的,但这个是错误的!! setState方法是异步的嘛? // 从这里我们可以看到,打印出来是1,会以为setState是异步的 this.

react之diff 算法-爱代码爱编程

在 React 中,通过 React.createElement 也能生成一个虚拟 DOM 节点(ReactElement)。在 React15 及以前,采用了递归的方式创建虚拟 DOM,递归过程是不能中断的。如果组件树的层级很深,递归会占用线程很多时间,造成卡顿。React16 将递归的无法中断的更新重构为异步的可中断更新,推出了新的 Fiber 架构。

react复习全攻略:重温旧知,收获新知-爱代码爱编程

简介 大背景: 起源于 Facebook 的内部项目,因为对市面上所有JS MVC框架不满意,就自己开发了一套,用来开发Instagram项目。(开源时间:2013年5月) 三句话解释: 是用于构建 Web 和原

面试前端八股文十问十答第十期-爱代码爱编程

面试前端八股文十问十答第十期 作者:程序员小白条,个人博客 相信看了本文后,对你的面试是有一定帮助的!关注专栏后就能收到持续更新! ⭐点赞⭐收藏⭐不迷路!⭐ 1)React.forwardRef 是什么及其

【react】vite + react 项目,安装、配置、使用 less_react vite antd5.x less-爱代码爱编程

安装配置 less 1 安装 less2 vite.config.js 进行相关配置3 使用 less 在 React 项目中使用 Less(一种 CSS 预处理器)可以让你更方便地管理样

python 人工智能实战:智能助手_python开发云助手-爱代码爱编程

1.背景介绍 近年来,随着科技飞速发展,人工智能领域也发生了深刻的变化。智能助手、智能聊天机器人、智能音箱、智能电视等新型产品涌现出来的同时,人工智能技术也正在对我们的生活方式产生深远影响。然而,如何应用人工智能技术实现这

react|获取oss存储的文件,并转为json格式-爱代码爱编程

使用axios通过oss的url获取.xlsx文件流,处理后得到json格式数据: 安装xlsx: npm install xlsx import axios from "axios"; import * as XLSX from "xlsx"; //#region xlsx(oss) to json async function get

零基础学会编写仿nft交易市场的dapp项目(四)_ntf市场前端代码-爱代码爱编程

文章整体目录 一、 Dapp、Web3的初步认识及项目整体架构 二、 NFT交易市场合约开发 三、 NFT交易市场后端开发 四、 NFT交易市场前端开发 目录 文章整体目录一、前端所需依赖安装二、

零基础学会编写仿nft交易市场的dapp项目(一)-爱代码爱编程

文章整体目录 一、 Dapp、Web3的初步认识及项目整体架构 二、 NFT交易市场合约开发 三、 NFT交易市场后端开发 四、 NFT交易市场前端开发 目录 文章整体目录前言一、Dapp是什么?

零基础学会编写仿nft交易市场的dapp项目(二)-爱代码爱编程

文章整体目录 一、 Dapp、Web3的初步认识及项目整体架构 二、 NFT交易市场合约开发 三、 NFT交易市场后端开发 四、 NFT交易市场前端开发 文章目录 文章整体目录一 、ERC是什么?

零基础学会编写仿nft交易市场的dapp项目(三)-爱代码爱编程

文章整体目录 一、 Dapp、Web3的初步认识及项目整体架构 二、 NFT交易市场合约开发 三、 NFT交易市场后端开发 四、 NFT交易市场前端开发 目录 文章整体目录一、初始化工程项目二、后

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

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

rn在android/ios手机剪切图片的操作-爱代码爱编程

之前写过一个React Native调用摄像头画面及拍照和保存图片到相册全流程但是这个仅限于调用摄像头拍照并保存图片,今天再写一个版本的操作,这个博客目前实现的有三点操作: 调用摄像头拍照对照片进行剪切从相册选取图