全局loading react
react中二维码的生成
使用工具 主要使用qrcode.react来生成二维码 下载命令:npm install qrcode.react --save 使用方法 import {QRCodeSVG, QRCodeCanvas} from 'qrcode.react' // 有两种都可以用来生成二维码,格式不同 <QRCo ......
react hooks ts 项目报Empty components are self-closing
这个错误通常发生在使用 TypeScript 和 React Hooks 的项目中,它表示你的组件没有正确地关闭。这种情况下,编译器会认为空组件语法是自闭合的,但实际上并不是。 要解决这个问题,你需要检查所有的组件,并确保它们都正确地关闭。一般情况下,你应该避免使用空的 JSX 语法,换而言之,你应 ......
node自定义全局命令的原理
为什么我们使用 vue-cli 就可以调用node全局的包呢? 在我们npm -g 安装依赖的时候,会去查看你所安装以来的package.json里边是否存在bin配置项 如果有的话 node 会生成一个 你的bin下边的key的.cmd 文件,cmd里边的代码如下; @ECHO off SETLO ......
react antd 函数式弹窗案例
1.弹窗函数 export const checkReviewTaskTipModal = async (checkResult: { status: boolean; mseeage: string; }) => { return new Promise((r, j) => { const can ......
[REACT_DOC]-Quick Start
Quick Start 概览: 如何创建以及嵌套组件 如何添加markup 和样式 如何展示数据 如何条件渲染,如何渲染列表 如何响应事件并更新渲染 如何在组件之间共享数据 创建以及嵌套组件 function MyButton() { return ( <button>I'm a button</b ......
python中的全局变量与局部变量
1,局部变量与全局变量 1,定义 局部变量:就是在函数体内的变量,在python中冒号“:”后面的变量都是局部变量,当然局部与全局也是一个相对的概念。比如出现函数嵌套的情况。 全局变量:就是在模块中所有函数都可以调用的变量,一般在函数体外被定义。 2,使用过程 函数内的局部变量,在函数体外是不可以使 ......
React Native 桥接原生模块
原生模块简介 有时候一个 RN 应用需要访问一个原生平台的 API 比如相机,但是,默认情况下 JavaScript 是无法访问原生 API 的。 原生模块系统暴露了一些 Java 类的实例对象给 JavaScript,这样就可以允许开发者在 JS 代码中执行一些特定的原生代码。 简单来说,桥接原生 ......
React、Ant Design 5.0 构建通用后台管理系统 - 接口服务环境搭建
项目初始化 mkdir general-admin-system-server cd general-admin-system-server npm init -y npm install typescript ts-node @types/node nodemon @swc/core @swc/h ......
React、Ant Design 5.0 构建通用后台管理系统 - 登录页面
安装依赖 npm install antd @ant-design/icons @ant-design/pro-components Ant Design组件库 @ant-design/pro-components封装一些好用的常用组件库 main.tsx import '@/styles/glob ......
盘点| 有哪些比较新的好用的React Native 开发工具?
2015年,FaceBook首次开发并发布React Native框架,用于构建原始的移动应用程序。React Native的特点是使用JavaScript和React编写应用程序代码,而不是其他移动应用程序开发框架,同时利用iOS和Android平台的原始组件和API,从而实现更快、更有效的开发流 ......
React、Ant Design 5.0 构建通用后台管理系统界面 - 路由注册
涉及依赖 react-router-dom src/router/index.tsx import { IndexRouteObject, NonIndexRouteObject } from 'react-router-dom' // 重写react-router-dom的RouteObject ......
React、Ant Design 5.0 构建通用后台管理系统界面 - 项目初始化
事前准备 node npm vscode / webstorm 前端开发环境准备 项目初始化 npm create vite √ Project name: » general-admin-system-ui √ Select a framework: » React √ Select a vari ......
7 Best Practice Tips for PostgreSQL Bulk Data Loading
7 Best Practice Tips for PostgreSQL Bulk Data Loading February 19, 2023 Sometimes, PostgreSQL databases need to import large quantities of data in a s ......
SpringBoot+React 前后端分离
SpringBoot+React 前后端分离 写个转发数据的小工具,本来只想开个 SpringBoot 服务带个页面,但感觉有点难受,正好之前研究了 React,尝试一下前后端分离。 后端 简单用 SpringBoot 起个服务,写个接口处理请求: @RestController @RequestM ......
【uni-app】【02】请求域名的全局配置。
关于uni-app的请求问题,可以访问官方文档 https://uniapp.dcloud.net.cn/api/request/request.html 值得注意的一个点就是全局配置域名的问题。 因为本地测试是localhost,但是实际部署前后端分离的,域名就不是localhost了,端口号什么 ......
react
React 是一个用于构建用户界面的 JAVASCRIPT 库。 React 主要用于构建 UI,很多人认为 React 是 MVC 中的 V(视图)。 React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。 React 拥有较高的性 ......
python--多线程:锁 、全局锁、Queue队列以及线程池
关于如何加锁,获取钥匙,释放锁: lock = threading.Lock():生成锁对象,全局唯一; lock.acquire():获取锁。未获取到会阻塞程序,直到获取到锁才会往下执行; lock.release():释放锁,归回后,其他人也可以调用; 【注意事项】:lock.acquire() ......
windows 修改全局字体
今天看到一个字体 LXGW WenKai / 霞鹜文楷 看起来蛮好看的,于是把 windows 默认的字体给更换成这个了,这里记录一下。 noMeiryoUI 可以一键更换 windows 全局字体。 两个文件地址: https://github.com/lxgw/LxgwWenKai https: ......
Mysql解决Authentication plugin ‘caching_sha2_password‘ cannot be loaded
1、登录Mysql mysql -u root -p 2、修改账户密码加密规则并更新用户密码 //修改加密规则ALTER USER 'root'@'localhost' IDENTIFIED BY 'password' PASSWORD EXPIRE NEVER; //更新一下用户的密码ALTER ......
Loading class `com.mysql.jdbc.Driver'. 问题
解决Loading class `com.mysql.jdbc.Driver'. This is deprecated. The new driver class is `com.mysql.cj.jdbc.Driver'. The driver is automatically registere ......
react18中antd的Upload组件上传头像,并且拿到服务器返回的头像的url地址在页面中显示头像
业务需求:上传头像,上传完毕后拿到头像的url,把头像展示在页面中,最终把头像url和其他用户信息一起发送给服务器 上传头像流程 导入 Upload 组件和图标(一个加号,一个加载中) import { Upload } from 'antd'; import { PlusOutlined, Loa ......
装了.Net 7.0后,工程框架用 net6 的 dotnet watch 出错临时解决方案 Could not load file or assembly 'System.Runtime,7.0.0.0
升级vs或者装了.Net 7.0后, 工程框架用 net6 的 dotnet watch 出错 ‘Unhandled exception. System.IO.FileNotFoundException: Could not load file or assembly ‘System.Runtime ......
vscode中react组件
title: "vscode中ES7+ React/Redux/React-Native snippets插件使用" date: 2023-04-07 23:21:32 tags: ['Vscode','插件'] categories: ["工具篇"] 通过使用这个插件我们可以很方便的进行组件/方法 ......
部署Spring Boot + React前后端分离中的奇特发现
今天在尝试在服务器上部署Spring Boot + React前后端分离应用时有一个奇特的发现。 服务器 首先是前端npm run build之后,将构建好的应用移动到/var/www/html文件夹,nginx启动可以正常访问,axios接口访问地址为localhost:8080; 后端maven ......
Unity Resources.Load
图片路径必须是Assets\Resources目录下面的, 并且不能带扩展名 //E:\Assets\Resources\img\abc.jpg string filePath = "img/abc"; var texture = Resources.Load<Texture2D>(filePath ......
在react中使用onAppear事件
封装一个可以使用onAppear的<VIew/>组件: import React, { PureComponent } from 'react'; class View extends PureComponent { constructor(props) { super(props); this.t ......
react 生命周期钩子函数
1、挂载:construct、getDerivedStateFromProps、render、componentDidMounted 2、更新:getDerivedStateFromProps、componentWillUpdate、render、getSnapshotBeforeUpdate、co ......
react ref
一、使用 ref 操作 DOM 1、要访问由 React 管理的 DOM 节点,首先,引入 useRef Hook: import { useRef } from 'react'; 2、然后,在你的组件中使用它声明一个 ref: const myRef = useRef(null); 3、最后,将其 ......
ImportError: DLL load failed while importing QtChart: 找不到指定的模块
这个错误通常是由于您的Python环境缺少QtChart模块或QtChart模块依赖的库文件之一导致的。 解决此问题的方法可能因操作系统和Python环境而异,但下面是一些常见的解决方法: 检查是否已安装QtChart模块和其依赖项。您可以使用pip命令在终端中安装QtChart模块: Copy c ......
vue全家桶进阶之路46:Vue3 Axios拦截器和globalProperties全局设置
在Vue.js 3中,使用Axios与Vue.js 2.x中类似,但是需要进行一些修改和更新,下面是Vue.js 3中Axios的定义和使用方式: 首先,你需要安装Axios和Vue.js 3.x,可以使用npm或yarn等包管理工具安装: npm install axios vue@next 然后 ......