react静态production frontend
2024-01-13 记录react-dnd拖拽组件的用法
开始和移动的下标： drop: (item: { index: number }) => { console.log("开始", item.index,"结束", index); moveRow(item.index, index); }, ......
2024-01-13 react 监听上一页返回
import React, { useEffect } from 'react'; import { useLocation } from 'react-router-dom'; 在return里面写： const location = useLocation(); useEffect(() => ......
2024-01-13 Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. ==》引用了未使用的方法导致
react+antd业务代码报错： Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. T ......
Spring Aop静态代理
package com.atguigu.Aop; public class CalculatorLogImpl implements Calculator{ @Override public int add(int i, int j) { System.out.println("[日志] add 方 ......
react-native在windows环境搭建并使用脚手架新建工程
截止到2024-1-11，使用的主要软件的版本如下： 软件实体 版本 react-native 0.73.1 react 18.2.0 react-native-cli 2.0.1 Android Studio 2022.3.1 Patch3 Android SDK Android SDK Plat ......
pm2启动react项目总是stopped
执行命令pm2 start --name 服务名 npm -- start 总是不成功status一直显示stopped 使用命令pm2 logs查看日志报错如下 网上查看这篇教程解决问题原文：https://blog.csdn.net/qq_52912134/article/details/127 ......
.NET Core 6 类的私有静态变量关联异常
因为，在.NET Core 6（以及其他.NET版本）中，类的私有静态变量在类第一次被任何方式引用时被初始化。 所以， 1： 在Debug时，如果跟踪某个方法是查看类的私有静态变量被访问前，无法单步跟踪查看这些静态变量的赋值。 2： 如果静态变量的初始化涉及到复杂的计算或者可能抛出异常，那么这个初始 ......
XCODE IOS 静态链接库替换升级
XCODE 版本15.2. 一个很久需求没更新的IOS 应用，近来有新需求要开发。 拉下代码运行，出现了个BAD_ACCESS错误。出错的位置位于一个调用的第三方的.a静态库内部。因为调用代码并没有修改，很容易想到可能XCODE相关升级，导致的问题。 由于是第三方的一个.a动态库，兼容问题，优先考虑 ......
react 横向文字滚动动画 ,及纵向文字滚动动画带有间歇时间 交替渐变显示文字动画
水平滚动 demo.less #scroll_x { width: 300px; height: 30px; background-color: #ccc; color: green; position: relative; overflow: hidden; } #scroll_x_text { ......
使用React构造前端应用
简单了解React和Node React是一个构建用户界面的JavaScript库，由Facebook开发，很流行，已被广泛使用。React基于组件构建，编写一段代码即可在多处复用，这很有优势。可以创建像 Thumbnail、LikeButton 和 Video 这样的组件，然后将它们组合成整个应用 ......
Helix QAC—软件静态测试工具
Helix QAC是Perforce公司（原PRQA公司）产品，主要用于C/C++代码的自动化静态分析工作，可以提供编码规则以及信息安全相关检查、代码质量度量、软件结构分析、测试结果管理等功能。Helix QAC能够准确地发现软件中潜在的问题，自身符合ISO26262功能安全标准认证。适用于自动驾驶... ......
Nginx搭建web静态服务器之页面格式乱码
背景: 公司有个需求,要把产品的原型变成静态web发布到内网以供大家观看,这样就不用每个人都把原型拉下来然后再进行预览了.经过讨论决定使用nginx来做. 问题: 在实操的过程中发现确实可以发布成web静态页面,但是有个问题,页面格式是不正确的,打开后根本无法使用,使用F12开发者工作台调试发现js ......
关于REACT2024挑战赛
这个挑战赛的任务是：建立一个机器学习模型，在双人交互的背景下，通过说话者的视频、音频、表情等数据，生成听者的面部反应并要保证反应的合理性(FRDist and FRCorr)、多样性(FRVar, FRDiv, and FRDvs)、同步性(FRSyn)、真实性(FRRea)。 ......
使用nestjs和react快速搭建项目架子
首先搭建前后端的项目架子 搭建nestjs架子 npx @nestjs/cli new 项目名 使用vite搭建一个react+ts的架子，vite地址：https://cn.vitejs.dev/guide/。搭建好后cd到项目中，然后安装依赖，尝试启动。 npm create vite@late ......
动态代理和静态代理
先说一下代理模式的好处： 隐藏真实对象的复杂性：Java 代理模式可以隐藏真实对象的复杂性，客户端只需要与代理对象交互即可，不需要了解真实对象的复杂实现细节，从而简化了客户端的代码实现和维护。 增强真实对象的功能和可靠性：Java 代理对象可以在访问真实对象之前或之后执行一些额外的操作，例如日志记录 ......
React jsx 语法解析 & 转换原理
jsx介绍 jsx是一种JavaScript的语法扩展（eXtension），也在很多地方称之为JavaScript XML，因为看起就是一段XML语法，用于描述UI界面，并且可以和JavaScript代码结合使用。 比起vue中的模板语法，更加灵活，且不需要学习模板语法中的特定标签，比如：v-if ......
react学习笔记
一：创建一个react项目 npx create-next-app my-app(项目名称)cd my-appnpm start 二：项目初始化 index.js import React from "react" import ReactDOM from "react-dom" import Ap ......
gitlab:Restoring PostgreSQL database gitlabhq_production ... ERROR: must be owner of extension pg_trgm
Restoring PostgreSQL database gitlabhq_production ... ERROR: must be owner of extension pg_trgm ERROR: must be owner of extension btree_gist ERROR: mu ......
react 事件函数中 this 绑定问题
在使用类方式创建组件时，类中定义一个函数，并且绑定到元素的点击事件上，此时这个函数中this指向并不是当前这个组件。 组件代码如下： class App extends React.Component { // 组件数据 constructor() { super() this.state = { ......
Spring Boot——静态资源
目录 一、什么是静态资源？ 二、使用静态资源 第一种：使用webjars 使用 第二种：将静态资源文件放至静态资源文件夹 第三种：自定义静态资源路径 三、首页处理 结语 一、什么是静态资源？ 一般客户端发送请求到web服务器，web服务器从内存在取到相应的文件，返回给客户端，客户端解析并渲染显示出来 ......
SpringBoot Web开发静态资源处理
Web开发探究 简介 其实SpringBoot的东西用起来非常简单，因为SpringBoot最大的特点就是自动装配 使用SpringBoot的步骤： 1、创建一个SpringBoot应用，选择我们需要的模块，SpringBoot就会默认将我们的需要的模块自动配置好 2、手动在配置文件中配置部分配置项 ......
SpringBoot如何正确配置静态资源的访问
使用SpringBoot搭建web项目时静态资源的访问必然是一个需要考虑的问题，不过SpringBoot在对于静态资源访问的问题上已经做了很好的支持，下面就静态资源访问的正确姿势进行说明。 一、静态资源配置 SpringBoot默认从以下几个目录访问静态资源： /META-INF/resources ......
ubuntu修改IP地址为静态IP
01-切换到如下目录 02-查看网关信息 route -n 03-编辑.yaml文件 切换到目录/etc/netplan,编辑.yaml结尾的文件 sudo vim /etc/netplan/50-cloud-init.yaml 替换如下内容 # Let NetworkManager manage ......
tf.keras.layers.Attention: Dot-product attention layer, a.k.a. Luong-style attention.
tf.keras.layers.Attention( View source on GitHub ) Dot-product attention layer, a.k.a. Luong-style attention. Inherits From: Layer, Module tf.keras.la ......
static与静态类、内部类与外部类
引子 早上想试试java写点题，写重载排序比较接口的时候突然报了一个错误。 No enclosing instance of type demo is accessible. Must qualify the allocation with an enclosing instance of type ......
React Native 打包 App 发布 iOS 及加固混淆过程
React Native 打包 App 发布 iOS 及加固混淆过程 摘要 本文将介绍如何使用 React Native 打包并发布 iOS 应用到 App Store，并介绍了如何进行应用的加固和混淆过程。 引言 发布 iOS 应用到 App Store 是一个相对复杂的过程，需要使用 Mac 电 ......
用Spring Boot 3.2虚拟线程搭建静态文件服务器有多快？
Spring Boot 3.2 于 2023 年 11 月大张旗鼓地发布，标志着 Java 开发领域的一个关键时刻。这一突破性的版本引入了一系列革命性的功能，包括： 虚拟线程：利用 Project Loom 的虚拟线程释放可扩展性，从而减少资源消耗并增强并发性。 Native Image支持：通过N ......
create-react-app react中使用monaco-editor v0.44
在通过create-react-app创建的react应用中使用monaco-editor v0.44 下载包： npm i monaco-editor npm i monaco-editor-webpack-plugin 安装插件： 使用craco自定义webpack配置 npm i craco ......
C 静态编译和动态编译
C语言静态库 （1）编译过程中把静态库中的相关代码加载可执行文件中，运行时不需要链接库，运行速度快 （2）可执行文件占用磁盘和内存空间较大，静态库升级后，程序需要重新编译 C语言动态库 （1）编译过程中仅记录使用的动态库，不复制共享库中的相关代码，运行时加载 （2）程序运行时需加载库，动态库升级后， ......