全局loading react
Vue vs React：你需要知道的一切
Vue 和 React 是创建 JavaScript 网络应用程序最常用的两种工具。但我们该如何在两者之间做出选择呢？在本篇 Vue 与 React 的对比中，我们将尝试找出答案。我们将回顾每种工具的优缺点，提供选择使用哪种工具的技巧，并帮助你开始使用。 总览 什么是Vue？ Vue趣事 什么是Re ......
python实现自己的全局热键的第2种方法
之前有过一版python实现的全局热键, 但是在实际运行中发现, 有时候不太灵敏, 明明按下了目标热键, 为什么没有反应呢? 通过定位发现, 有时候键盘勾子捕获不到ctrl down消息, 特别是一段时间不操作电脑后容易出现这种情况, 这时候ctrl键确实处于按下的状态(通过GetKeyState函 ......
Python中跨越多个文件使用全局变量
这个琐碎的指南是关于在 Python 中跨多个文件使用全局变量。但是在进入主题之前，让我们简单地看看全局变量和它们在多个文件中的用途。 Python 中的全局变量 全局变量是不属于函数范围的变量，可以在整个程序中使用。这表明全局变量也可以在函数体内部或外部使用。 让我们看一个例子： x = "my ......
CentOS7.5报java: error while loading shared libraries: libjli.so: cannot open shared object file: No such file or directory错误
## 1.问题描述： CentOS版本：CentOS-7.5-x86_64-DVD-1804 jdk版本：jdk-8u161-linux-x64.tar 配置jdk时，执行java报错 java: error while loading shared libraries: libjli.so: ca ......
Navicat连接oracle时，提示oracle library is not loaded
一、背景 本机配置：win7 64位 本机同时安装了oracle服务器端和客户端 服务器端：11gR2； 客户端：oracle10g32位（由于项目需要，必须安装此客户端） 二、报错描述 先安装的11gR2，用Navicat连接正常，后面再安装10g32位的客户端后，连接报错：oracle libr ......
修改 node 默认的全局模块安装 global 路径和 cache 路径
## 修改 node 默认的全局模块安装 global 路径和 cache 路径 1. 安装 node 后，全局模块的 global 路径和 cache 路径默认安装在 `C:\Users\{{账号}}\AppData\Roaming` 下，在这个目录下面会找到 npm 文件夹和 npm_cache ......
WPF 使用矩形实现加载Loading动画的方式
首先，创建一个用户控件实现动画Loading的功能： <UserControl x:Class="K.Controls.Controls.LoadingControl" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" ......
WPF 自己画图实现动画旋转Loading
实现效果图： 1、创建一个用户控件，实现动画旋转： <UserControl x:Class="K.Controls.Controls.LoadingWait" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xml ......
WPF 使用Image实现动画旋转Loading
首先需要有一个Loading的图片，（白色背景，白色小圆圈，所以显示看不到）： 创建一个用户控件，实现动画的功能： <UserControl x:Class="K.Controls.Controls.LoadingImage" xmlns="http://schemas.microsoft.com/ ......
局部变量和全局变量
变量的作用域：局部变量 全局变量 1）局部变量：在一个函数内部定义的变量或者函数的形参，统称为局部变量。 eg：void f(int i){ int j=20; } i和j都是局部变量 2）全局变量：在所有函数外部的变量叫做全局变量。 全局变量作用范围：定义位置开始到整个程序结束 （即若函数定义在全 ......
React项目笔记
环境准备 node v16.15.0 npm 8.5.5 Ant Design of React:https://ant.design/docs/react/introduce-cn 一，创建项目 npm init vite √ Project name: ... vite-project-reac ......
react-parallax-tilt
### react-parallax-tilt ## api eact-parallax-tilt ## 描述 这个组件可以实现内容根据鼠标的移动而移动，可以进行旋转、倾斜、放大、缩小等效果。 ## 使用方式 ```bash # 安装依赖 npm i react-parallax-tilt -s ` ......
推荐一个react上拉加载更多插件：react-infinite-scroller
推荐一个react上拉加载更多插件：react-infinite-scroller 在开发网页和移动应用时，经常需要处理大量数据的展示和加载。如果数据量非常大，一次性全部加载可能会导致页面卡顿或崩溃。为了解决这个问题，我们可以使用无限滚动（Infinite Scroll）的技术。React 提供了一 ......
react 添加 setupProxy.js 后打不开网页
加入setupProxy.js文件后，原本访问正常的页面，显示拒绝访问 源js代码 const proxy = require('http-proxy-middleware') module.exports = function(app) { app.use( proxy('/api1', { // ......
React使用useRef调用子组件方法
### **前情** 公司前端主技术栈是react系，最近在提取组件的时候想到vue可以通过ref获取子组件，再调用子组件的方法，于是想在react中实现同样效果。 ### 实现原理 父组件调用useRef获取ref对象，再通过属性把ref对象传入子组件，子组件通过useImperativeHand ......
推荐一个react上拉加载更多插件：react-infinite-scroller
在开发网页和移动应用时，经常需要处理大量数据的展示和加载。如果数据量非常大，一次性全部加载可能会导致页面卡顿或崩溃。为了解决这个问题，我们可以使用无限滚动（Infinite Scroll）的技术。React 提供了一个方便的组件库，即 react-infinite-scroller，它可以帮助我们实 ......
流程全局引入外部JS、CSS
全局引入，所有流程 E9如果在代码块里面这样： <script type="text/javascript" src="/js/layui-v2.8.13/layui/layui.js"></script> 是引入不了的。 如果想单独在某个流程引入，如下： ......
react hooks 防止重复点击事件
一、使用useRef控制 import React ,{useState, useRef} from 'react' import './App.css'; function App() { const [count ,setCount] = useState(0) const flag = use ......
react hooks 中useContext的使用
父组件中： import React ,{useState, createContext} from 'react' import './App.css'; import ChildOne from './components/ChildOne'; import ChildTwo from './c ......
记一次java.lang.IllegalStateException: Failed to load ApplicationContext问题
遇到这个 java.lang.IllegalStateException: Failed to load ApplicationContext 真的头大，度娘了一圈发现没有啥问题， 本着诡异的问题往往是特别"简单"的错误的原则，我先重启了下数据库库发现也没有管用，md要骂街了，这已经是我 最后的倔强 ......
记录一次 QSqlite driver not loaded 错误
在调试软件的时候，发现查询sqlite数据出了问题，查询不到数据。通过`QSqlQuery::latsError`获取错误消息，结果错误原因是 `driver not loaded`，但是代码中使用 `QSqlDatabase::drivers()` 确认了一下是存在`QSQLITE`的，而且程序运 ......
react native firebase mobile推送通知
一、使用postman推送mobile通知 构建推送请求，参考firebase官网：https://firebase.google.com/docs/cloud-messaging/migrate-v1?hl=zh-cn token:即接收通知设备token， OAuth toekn获取： 1、Go ......
导入import cv2时报错ImportError:DLL load fail:找不到指定模块解决办法
因为用conda安装包会检查版本兼容关系，所以我一般用conda安装包，但是今天在安装opencv的时候遇到了诡异的事情，用 conda install opencv 安装之后，可以正常import cv2了，但是后面在装另一个包的时候conda自动把刚装的opencv降了一个版本，然后发现就报错I ......
Vue/React对比学习
### 组件传值 ``` // 父组件 export default function Tab(props: any) { const [serverUrl, setServerUrl] = useState('https://'); console.log(props); // 父组件接受子组件的 ......
如何使用Java + React计算个人所得税？
**前言** 在报表数据处理中，Excel公式拥有强大而多样的功能，广泛应用于各个业务领域。无论是投资收益计算、财务报表编制还是保险收益估算，Excel公式都扮演着不可或缺的角色。传统的做法是直接依赖Excel来实现复杂的业务逻辑，并生成相应的Excel文件。因此只需在预设位置输入相应参数，Exce ......
android短视频开发，React设置自定义滚动条样式
android短视频开发，React设置自定义滚动条样式 1、全局配置 在global.less文件添加如下配置 /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar { width: 5px; height: 10px;}/*定义滑块 内阴影+圆角*/: ......
vue项目打包后白屏或者报错Failed to load resource: net::ERR_FILE_NOT_FOUND以及图标为小方框
一、在做完项目之后直接执行npm run build命令，出现空白 1、打包后的dist目录下的文件引用路径不对，会因为找不到文件而报错导致白屏1解决办法：修改一下config下面的index,js中Build模块导出的路径因为index.html里边的内容都是通过script标签引入的，而你的路径 ......
Vue中 全局限制输入特殊字符
1.新建emoji.jsimport Vue from 'vue'; // 禁止输入特殊字符Vue.directive('emoji', { bind: function (el, binding, vnode) { // 正则规则可根据需求自定义 const regRule = /[`~^!@#$ ......
python实现自己的全局热键
使用keyboard模块做全局热键有时会出现莫名其妙的问题: - 不灵敏: 有时候按热键没有反应, 需要多按几次 - suppress失效: 有时候并没有阻止热键传播, 别的程序仍然可以接受到热键消息, 导致热键冲突 - 热键失效: 有时候热键会失效, 并且不能恢复, 只能重起应用 阅读了keybo ......
WPF 获取全局所有窗口的创建显示事件 监控窗口打开
本文将告诉大家如何在 WPF 里面进行全局监控任意的窗口创建显示打开，可以获取到每个 WPF 窗口的打开的时机。如此可以用来辅助定位问题和输出日志 这篇博客是有背景的，老司机告诉我说他的应用不响应鼠标和键盘点击了，于是我和他调查了半天才发现有一个 Dialog 窗口显示出来，导致消息循环被切到了一个 ......