native action react demo
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(() => ......
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型（Types）、方法（Methods）和事件（Events）的属性和参数解析
一、类型（Types） 一、OpenPopupOptions 1. 属性 windowId: number 可选 打开操作弹出式窗口的窗口 ID。如果未指定，则默认为当前活动窗口。 二、TabDetails 1. 属性 tabId: number 可选 要查询其状态的标签页 ID。如果未指定标签页， ......
Echarts demo
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/echarts.min.js"></script> </head> <body> <div id="div1" style="wi ......
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 ......
Unity3d_Rewired官方文档翻译：要点（三）：Rewired Editor->Players、Actions、InputBehaviours、Categories、CustomControllers
仅翻译了官方文档中的Essentials（要点）、Concepts（概念）两部分，这是文档中最重要的部分，理解了这两部分的内容应该足以让你将Rewired运用到你的项目中，之后再去阅读文档的其他部分也能更容易理解。 斜体加下划线部分为添加的注解，非官方文档内容。若你发现有翻译、注解不正确的，请留言告 ......
Unity3d_Rewired官方文档翻译：概念（一）：InputManager、Players、Actions
仅翻译了官方文档中的Essentials（要点）、Concepts（概念）两部分，这是文档中最重要的部分，理解了这两部分的内容应该足以让你将Rewired运用到你的项目中，之后再去阅读文档的其他部分也能更容易理解。 斜体加下划线部分为添加的注解，非官方文档内容。若你发现有翻译、注解不正确的，请留言告 ......
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 ......
OPEN SQL取单条数据DEMO
*& * *& Form FRM_GET_INFO_EDH *& * * text * * * <--P_LS_I08301_D01 text * * FORM frm_get_info_edh CHANGING cs_i08301_d01 TYPE ztpy_i08301_d01. **需求描述： ......
pm2启动react项目总是stopped
执行命令pm2 start --name 服务名 npm -- start 总是不成功status一直显示stopped 使用命令pm2 logs查看日志报错如下 网上查看这篇教程解决问题原文：https://blog.csdn.net/qq_52912134/article/details/127 ......
react 横向文字滚动动画 ,及纵向文字滚动动画带有间歇时间 交替渐变显示文字动画
水平滚动 demo.less #scroll_x { width: 300px; height: 30px; background-color: #ccc; color: green; position: relative; overflow: hidden; } #scroll_x_text { ......
asp.net mvc2中controller的action无法获取url中过来bool类型参数
public ActionResult Index( bool flag = false){...} 1、若通过“/Home/Index?flag=true”传参，则无法通过action变量flag获取到布尔值true，通过Request.QueryString["flag"]可以获取字符串值"tr ......
使用React构造前端应用
简单了解React和Node React是一个构建用户界面的JavaScript库，由Facebook开发，很流行，已被广泛使用。React基于组件构建，编写一段代码即可在多处复用，这很有优势。可以创建像 Thumbnail、LikeButton 和 Video 这样的组件，然后将它们组合成整个应用 ......
关于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 ......
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 ......
UniTreeView 使用SourceMenu加载菜单 及Action的用法
UniTreeView 使用SourceMenu加载菜单 及Action的用法 UniTreeView 使用SourceMenu加载菜单：可以将菜放置在 UniMenuItem控件里，如果给菜单放上图标，则加入 UniNativeImageList 控件，在ActionList控件里定义要执行的过程 ......
hbase java api demo
pom.xml <dependency> <groupId>org.apache.hbase</groupId> <artifactId>hbase-client</artifactId> <version>1.3.1</version> </dependency> HbaseUtil.java p ......
react 事件函数中 this 绑定问题
在使用类方式创建组件时，类中定义一个函数，并且绑定到元素的点击事件上，此时这个函数中this指向并不是当前这个组件。 组件代码如下： class App extends React.Component { // 组件数据 constructor() { super() this.state = { ......
React Native 打包 App 发布 iOS 及加固混淆过程
React Native 打包 App 发布 iOS 及加固混淆过程 摘要 本文将介绍如何使用 React Native 打包并发布 iOS 应用到 App Store，并介绍了如何进行应用的加固和混淆过程。 引言 发布 iOS 应用到 App Store 是一个相对复杂的过程，需要使用 Mac 电 ......
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 ......
Quartz Demo 任务调度程序简单Demo
创建Windows 控制台应用程序 , .net framework 版本 4.5.2 Nuget . Quartz 版本 用 2.5 using Quartz; using Quartz.Impl; using System; using System.Collections.Generic; u ......
react ant-mobile的input组件，使用ref实现失焦方法
// 设置ref<Input ref={inputRef} placeholder='信息保密，仅用于投保' className='pos-app-phone tkzx-rr-block' clearable type='tel' maxLength='11' onChange={(val) => ......
Linux驱动开发笔记（六）：用户层与内核层进行数据传递的原理和Demo
前言 驱动作为桥梁，用户层调用预定义名称的系统函数与系统内核交互，而用户层与系统层不能直接进行数据传递，进行本篇主要就是理解清楚驱动如何让用户编程来实现与内核的数据交互传递。 温故知新 设备节点是应用层（用户层）与内核层交互； 使用预先的结构体进行操作，如系统open函数对应了驱动中文件操作及的op ......
react+antd-mobile+vite移动端H5前端项目
React+antd-mobile+vite ($\color{red} {注意：} $)待解决问题 （1）高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) （2）使用ReactDOM.createRoot实例化项目，在结合 ......
flink入门1-Flink使用socketTextStream对接netcat完成入门demo
flink入门1-Flink使用socketTextStream对接netcat完成入门demo 一、flink介绍 1、flink是什么 flink是一个面向流处理和批处理的分布式计算框架，即支持流处理，也支持批处理。flink基于流处理引擎实现，正真做到了流处理，将批处理看作一种特殊的有界流fl ......
react打包优化，使用cdn加载第三方库，cdn加速网页
1、安装 pnpm install html-webpack-externals-plugin customize-cra react-app-rewired 2、在项目根目录下新建config-overrides.js文件,package.json中改为react-app-rewired 启动和打 ......
React函数式组件避免无用渲染的方案
在class组件中可以使用shouldComponentUpdate钩子函数，但是函数式组件中是没有这种钩子函数的，那么在函数式组件中来达到类似的效果呢? 答案是：React.Memo,如以下使用案例： // 父组件 const [values, setValues] = useState({ a: ......