全局loading react
延迟加载(Lazy Loading)在C#中的应用
延迟加载是一种常见的编程技术，它可以在需要时才加载数据或资源，而不是在程序启动时就加载。这种技术可以提高程序的性能和响应速度，因为它可以避免不必要的资源浪费。 在C#中，延迟加载可以通过使用Lazy<T>类来实现。这个类是在.NET Framework 4中引入的，它提供了一种简单的方法来实现延迟加 ......
React Native学习笔记（三）—— 组件
一、创建ReactNative项目 1.1、React Native 有一个内置的命令行界面，你可以用它来生成一个新项目。您可以使用 Node.js 附带的 访问它，而无需全局安装任何内容。让我们创建一个名为“AwesomeProject”的新 React Native 项目：npx npx rea ......
linux 设置 别名 全局命令
alias navicat="bash /opt/navicat/navicat121_premium_cs_x64/start_navicat" ......
在react中使用wangEditorV5
wangEditor是基于JavaScript和css的一款web富文本编辑器,是国内比较好用的一款轻量级富文本编辑器,上手简单,易用且开源免费. 官方文档：http://www.wangeditor.com/ 本文讲述的是在react中如何去使用这款富文本编辑器 首先引入编辑器 yarn add ......
pytest--conftest.py全局用例公用
前言 当多个测试用例文件，需要调用同一个fixture时候。比如登陆的fixture，连接数据库的fixture，如果在每个测试用例文件里都加上fixture，代码就会看着十分别扭，且测试用例与fixture混杂在一起，不方便维护。那么pytest也提供了conftest.py这个文件来帮助我们完成 ......
react学习（一）（react特点，创建react项目，jsx语法，函数组件和class组件，样式写法，条件语句，遍历数组和点击事件，表单处理）
React 是一个用于构建用户界面的 JAVASCRIPT 库。 React 主要用于构建 UI，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React 拥有较高的性 ......
react学习（二）
生命周期 import React from "react"; class LifeCycle extends React.Component{ //React.StrictMode会让声明周期执行两次 constructor(props){ super(props) this.state={ co ......
一文搞定：前端如何选择Angular、React和Vue三大主流框架
在前端开发领域，目前最流行的三个框架是Angular、React和Vue.js。这些框架非常高效，并且它们各自具有一系列的优缺点。 在AI辅助编程工具**CodeGeeX的后台中，也看到有大量的前端开发者使用这三个框架，并且Vue的使用率在CodeGeeX**的后台中，持续走高。接下来我们针对Ang ......
React Native 开发环境搭建
一、React Native介绍 二、开发环境的搭建 2.1、Node.js安装 Node.js要求14版或更新 https://nodejs.org/en 查看版本： 2.2、yarn安装 2.3、react-native-cli安装 安装项目： 命令： 2.4、下载Chocolatey包管理器 ......
es(Elasticsearch)查询报错: Set fielddata=true on [level] in order to load fielddata in memory by uninverting the inverted index
Invocation of init method failed; nested exception is ElasticsearchStatusException[Elasticsearch exception [type=search_phase_execution_exception, rea ......
学习 React Hook useState 快照机制
前言 本人不太了解 React 之前类组件中的 setState 函数，我是直接从 React Hook 入门的 React。网上查阅了其他文章以及视频，对于 setState 类组件函数，状态更新是异步的而不是同步的。 在最新文档（React Hook）中，useState 适用于函数组件，而这一 ......
vue3挂载全局方法
在vue3中可以通过app.config.globalProperties来挂载全局方法。 main.js const app = createApp(App) // 定义全局方法 const myGlobalMethod = () => { console.log('This is a globa ......
逆向——如何区分全局变量和局部变量
第三节 局部变量与全局变量的区别 记住知识点： 1、全局变量，在程序生成后，内存地址是固定了，只有重新编译后，内存地址才会改变。 2、全局变量，在汇编中是内存地址的格式存储；局部变量是以[ebp-xxx]的格式存储。 局部变量与全局变量的区别 全局变量与局部变量的区别在于作用域的不同，且存在时间也可 ......
如何学习React
选择教程 最简单、最直接的方法，就是React官方文档，这是其他教程的源头。 React官方文档，已重新设计，内容以Function component、Hook为主线，旧文档已不再推荐使用。 React是什么 React是一个JavaScript前端库，以**组合(composition)**的方 ......
An Error Ocurred - Error loading password's vault file ---Uninstall MySQL for Excel
还是在2020年疫情封控开始前后的连续几个月天天重温Delphi、MSSQL、也偶尔折腾一下MySQL，最近2年都没再折腾， 昨天2023.4.1，打开Excel是提示此此问题： 卸载掉MySQL for Excel之后，再次打开Office2016就Ok了，奇怪为什么会出现这个问题呢 //点击 s ......
关于`React Hook useEffect has a missing dependency`的解决办法(血泪版)
限于网上那些不讲业务的解决办法，在踩了一堆堆的坑后，还是决定应该写出来，顺带记录下useeffect的使用办法 讲真，只有彻底解决这个告警，才能明白react函数式编程的开发方式。 凡是不讲业务场景的解决办法全是耍流氓 场景1：页面初始化时发起请求 useState + useEffect + us ......
React 07days
更新流程的步骤： 递：beginWork 归：completeWork beginWork 对于如下结构的reactElement： <A> <B/></A> 当进入A的beginWork时，通过对比B current fiberNode与B reactElement，生成B对应wip fiberN ......
报错 qt.qpa.plugin: Could not load the Qt platform plugin “xcb“ in ““ even though it was found
参考： https://blog.csdn.net/qq_39938666/article/details/120452028 使用ubuntu系统下python的seaborn模块画图，报错： qt.qpa.plugin: Could not load the Qt platform plugin ......
React Native 备忘清单_开发速查表分享
React Native 备忘清单 适合初学者的综合 React Native 备忘清单，在开始 React Native 之前需要先掌握 react 库入门，为开发人员分享快速参考备忘单。 React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Fa ......
react 入门
react三大属性 一.状态 类组件1. state 是组件的属性，值是对象。state中的数据是可读可写的,通过更新state来更新对应的页面显示(重新渲染组件)，通过setState来更新state数据且更新是一种合并 ，在类组件中使用.组件自定义的方法中this为undefined(1)强制绑 ......
react设置滚轮横向滚动
1.准备 import React, { useRef, useEffect } from 'react'; const useHorizontalScroll = ({ children, ...layoutProps }) => { const elRef = useRef(); useEffe ......
React 编程思想 #2
React 编程思想 #2 接上文，已经实现了一个静态的页面，现在就要给页面加上交互了。 寻找 State 状态是应用需要记录的最小变化，构建状态的最重要的原则是 DRY（Don’t Repeat Yourself，不要重复自己）。对于一个应用，构建出它的状态的绝对最小表示，并通过这些状态计算其他需 ......
前端React框架和jsx语法的编码规范
基本规则(Basic Rules) 每个文件只包含一个 React 组件 然而，在一个文件里包含多个没有 state 或纯组件是允许的。eslint: react/no-multi-comp. 经常用 JSX 语法。 不要用 React.createElement， 除非你从一个非 JSX 文件中初 ......
fontawesome-webfont.woff:1 Failed to load resource: the server responded with a status of 404 ()
fontawesome-webfont.woff2:1 Failed to load resource: the server responded with a status of 404 ()fontawesome-webfont.woff:1 Failed to load resource: t ......
react useCreateWatchedStore 轻量级高性能状态管理库
import {useContext, useEffect, useMemo, useRef, useState} from 'react'; import _get from "lodash.get"; import _set from "lodash.set"; import {shallowE ......
vue或者react中的hooks的理解
我们听过react 里面有hooks的概念，那么怎么理解hooks呢？ 其实vue2中，我们没有hooks的概念，vue3中我们引入了组合式函数（也就是用组合式api写的），它其实就是vue的hooks。 总结下来，hooks有以下特点： 1、hooks其实就是个函数，只是实现它的方法比较特殊，利用 ......
全局统一异常处理
import lombok.extern.slf4j.Slf4j;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.ControllerAdvice;impo ......
线程 开启线程 开启多线程 线程类的参数和方法属性 守护线程 进程与线程的区别 GIL全局解释器锁 同步锁(互斥锁)
今日内容概要 线程，如何开启线程 如何开启多线程 线程类的参数和方法属性 守护线程 进程与线程的区别 GIL全局解释器锁 同步锁(互斥锁) 今日内容详细 线程 概要 1.怎样理解线程和进程 1.1 进程：进程是资源单位，进程相当于是车间，负责给内部的线程提供相应的资源 1.2 线程： 线程是执行单位 ......