useeffect react async await
react使用自定义animation实现水平效果的路由切换
例如：A组件跳B组件 A组件： import React from 'react'; import './A.scss' import { useNavigate } from 'react-router-dom'; export default function A() { let navigat ......
react图书商城前后端
下载：axios antd-mobile antd-mobile-icons sass 连接mongodb： const mongoose = require("mongoose") mongoose.connect('mongodb://127.0.0.1:27017/zg5_zk3_2204_e ......
react路由6登录拦截
自定义登录拦截组件： // 路由守卫 // 判断token是否存在，如果存在跳转页面，不存在返回登录页面 import { Navigate } from 'react-router-dom' const getToken = () => { return sessionStorage.getIte ......
react简历案例--前后端
express：下载 mongoose 7版本 +配置cors 1：创建module文件夹（db.js、module.js） 连接mongodb数据库： const mongoose = require("mongoose") mongoose.connect("mongodb://127.0.0. ......
Js 之promise、async 和 await
一、示例代码 <html> <head></head> <body> <script src="jquery.js"></script> <script> const login = async function(){ var a = await new Promise((resolve, reje ......
为什么React与Vue很难互相取代?
React和Vue很难相互取代，主要因为它们都拥有庞大的生态系统和活跃的社区支持，提供了平滑的学习曲线和良好的开发体验。它们有不同的设计理念和特性，满足不同项目需求。同时，已经拥有大量用户和粉丝基础，使得它们在市场中稳固地占据一席之地。因此，选择框架时，开发者应考虑具体项目需求、团队技能和个人偏好来 ......
浅聊一下，React会不会被VUE取代？
开发项目只有最合适的选择，而没有绝对最好的框架。每个项目都有自己的独特需求、团队背景和时间限制，因此，在选择合适的框架时需要仔细权衡各种因素。 ......
react18 hooks自定义移动端Popup弹窗组件RcPop
基于React18 Hooks实现手机端弹框组件RcPop react-popup 基于react18+hook自定义多功能弹框组件。整合了msg/alert/dialog/toast及android/ios弹窗效果。支持20+自定义参数、组件式+函数式调用方式，全方位满足各种弹窗场景需求。 引入组 ......
React（十二）：props的函数组件中使用
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>props的函数组件实现</title> <script src="https://unpkg.com/react@18/umd/react.development.js"></s ......
React（十一）：props的类型限制
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>props类型限制</title> <script src="https://unpkg.com/react@18/umd/react.development.js"></scri ......
React（十）：props的基本使用
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>props的基本使用</title> <script src="https://unpkg.com/react@18/umd/react.development.js"></scr ......
React（九）：state的简写
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>state的简写形式</title> <script src="https://unpkg.com/react@18/umd/react.development.js"></scr ......
Python Async IO - async/await 关键字
# 在学习asyncio之前，先理清楚同步/异步的概念： 同步是指完成事务的逻辑，先执行第一个事务，如果阻塞了，会一直等待，直到这个事务完成，再执行第二个事务，顺序执行 异步是和同步相对的，异步是指在处理调用这个事务的之后，不会等待这个事务的处理结果，直接处理第二个事务去了，通过状态、通知、回调来通 ......
React（八）：setState
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>setState</title> <script src="https://unpkg.com/react@18/umd/react.development.js"></scrip ......
React（七）：state初始化
一、state是什么 从字面上来书state就是状态，在React中，state驱动页面的展示，它负责存放数据。 二、state的使用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>初始化state</title> <scri ......
React（五）：jsx语法
1.jsx语法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jsx语法</title> <script src="https://unpkg.com/react@18/umd/react.development.js"></ ......
React（六）：组件的两种创建方式
1.函数式组件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>函数式组件</title> <script src="https://unpkg.com/react@18/umd/react.development.js"></ ......
React（四）：虚拟DOM创建的两种方式
1.使用js创建虚拟DOM（不推荐使用） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js创建虚拟DOM</title> <script src="https://unpkg.com/react@18/umd/react.d ......
React（三）：Hello,React
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>helloReact</title> <script src="https://unpkg.com/react@18/umd/react.development.js"></scr ......
React18学习笔记
## 目录 - [使用Create-React-App创建项目](#使用Create-React-App创建项目) - [使用Vite创建项目](#使用Vite创建项目) - [JSX语法基础](#JSX语法基础) - [标签](#标签) - [属性](#属性) - [事件](#事件) - [插入J ......
解密Prompt系列12. LLM Agent零微调范式 ReAct & Self Ask
这一章我们正式进入大模型应用，聊聊如何把思维链和工具使用结合得到人工智能代理。先介绍基于Prompt的零微调方案Self Ask和React，我们会结合langchain写个简单的Agent来玩一玩 ......
react ts 父组件调用子组件方法，父子通信
## 子组件 > GlobalTableWapper：css 盒子 IProps, ChildMethods：字段类型 ```ts import React, { forwardRef, memo, useEffect, useImperativeHandle, useState } from 'r ......
react antd5 分页英文，设置中文
## 使用 ConfigProvider 包裹住英文组件，或者包裹根目录 ```js import { ConfigProvider } from 'antd'; import zhCN from 'antd/locale/zh_CN'; `共 ${total} 条`} /> ``` - antd ......
React主要用于构建UI，React UI框架使交互式的UI变得容易
优秀的 React UI框架，可以为你节省开发时间、提高开发效率，统一设计语言。还在为你的项目寻找高质量的 React UI 框架吗？为了让你更轻松地找到好用的UI框架，Pixso精心挑选了6个优秀的React UI框架选项，并展开诉说了每个 UI 框架的不同功能和用户友好性，以便你可以选择最适合你 ......
react useEffect a页面跳转b页面，b页面跳转a页面，接口调用多次
react useEffect a页面跳转b页面，b页面跳转a页面，接口调用多次 useEffect(() => { xxx(); return () => { history?.go(0); }; }, []); 我的解决方式是在，在离开页面之前触发return () => {history?.g ......
async/await和yield的区别
Python中的异步IO实现有两种方式：async/await 和 yield。 Async/Await: Async/Await 是Python3.5版本引入的新的异步编程语法。使用 async/await 可以将一个函数标记为可暂停的异步函数，并且可以使用await关键字挂起函数的执行，等待异步 ......
React技术文档(一)
# React技术文档(一) ## 安装 - 全局安装react脚手架 ```js npm i -g create-react-app ``` - 查看react安装版本 ```js create-react-app -V ``` - 进入目标文件夹下创建react项目 ```js create-r ......
React技术文档(二)
React技术文档(二) # 事件绑定 ## 事件绑定的写法 在react中于需要绑定事件的节点上采用on+事件名驼峰写法定义,如`onBlur onClick onInput` 事件命名法 ```js import React, { Component } from 'react' export ......
如何编写难以维护的React代码？耦合组件
# 如何编写难以维护的React代码？耦合组件 在许多项目中，我们经常会遇到一些难以维护的React代码。其中一种常见的情况是：子组件直接操作父组件方法，从而导致父子组件深度耦合。这样的实现让子组件过于依赖父组件的具体实现细节，使得代码难以维护和扩展。 让我们来看一个例子： ```jsx funct ......