electron react demo
2023最新中级难度react面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-中级难度react面试题合集 问: 请详述 React 中的 HOC（高阶组件）的概念和应用场景？ 在 React 中，高阶组件（High Order Component，简称 HOC）是一种设计模式，它允许我们将共享的功能提取出来，形成一个新的可复用组件。HO ......
React 组件通信方式
人生的游戏不在于拿了一副好牌，而在于怎样去打好坏牌，世上没有常胜将军，勇于超越自我者才能得到最后的奖杯。 1. 父子组件通信方式 1.1 父组件传递到子组件 直接通过属性进行传递，数据的传递可以提高组件的复用性。 1.2 子组件传递到父组件 通过回调函数（callback）来实现。 ref 标记：父 ......
dom断点可定位react组件值修改
react组件的值修改，也可以使用dom断点来定位。 之前一直误区，认为react组件的修改，不能用dom断点来拦截，实际上在涉及到修改具体原生组件属性的时候，也可定位。 例如： react组件内部使用了input组件，react组件值变化导致input的value发生改变，使用dom断点就可定位。 ......
electron项目同一壳版本号（目录）实现安装信息和内容不同（少量不同）
一、通过electron层的scripts中的build.nsi文件修改安装生成的set.ini文件内容 SetShellVarContext all /* 把当前安装包的名字写入set.ini，便于程序读取并设置{setupname}参数 */ IfFileExists "$INSTDIR\set ......
vue3 demo
<script setup> import { computed, ref } from "vue"; // const blog = ref({ // title: "Vue3 基础教程", // content: "Vue3 在 Vue2 的基础上做了很多优化", // link: "https ......
electron-builder打包过程中报错——网络下载篇
https://github.com/electron/electron/releases/download/v8.2.0/electron-v8.2.0-win32-x64.zip 下载地址： https://github.com/electron-userland/electron-builde ......
React 组件懒加载
只有不断学习和成长，才能适应这个快速变化的世界。 1. 懒加载 1.1 React 懒加载 React 中懒加载 Lazy 与 Suspense 需要搭配使用。 React.lazy 定义： React.1azy 函数能让你像渲染常规组件一样处理动态引入的组件。其实就是懒加载。 为什么代码要分割？ ......
js定时器demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
jmeter测试计划中的“独立运行每个线程组”Demo演示
一：jmeter的运行顺序 测试计划-->线程组 其次执行顺序为：配置元件、前置处理器、定时器、取样器、后置处理器、断言、监听器 当一个测试计划中有多个线程组，当多个线程组都是是执行状态时，就会用到测试计划中的 “独立运行每个线程组”勾选框 不勾选时的执行顺序如下：测试计划中的多个线程组按照并发逻辑 ......
软件工程第九组-卡卡记账Demo
小组成员分工 郝文章：小程序主界面 申子昂：小程序个人界面 王龙龙和邹宇鹏：小程序订单界面 邹宇鹏和胡致文：SpringBoot后端程序 download 微信 SpringBoot ......
LWIP官方DEMO使用之httpd服务
前言 LWIP的移植可以参考上篇文章 《HC32F4A0 lwip移植 - USTHzhanglu - 博客园 (cnblogs.com）》 参数 MCU型号 HC32F4A0PIHB 库版本 HC32F4A0_DDL_Rev2.0.0 LWIP版本 lwip-STABLE-2_2_0_RC1 PH ......
记Redux下载后，运行examples/todos时，报错Error: error:0308010C:digital envelope routines::unsupported 和 Failed to load config "react-app" to extend from.
1、Redux 下载 下载地址 git clone https://github.com/reactjs/redux.git 进入examples/todos，下载依赖： npm install 2、问题复现及解决 执行命令 npm run start 此时终端报错： Error: error:03 ......
一篇随笔学习React18组件通信与插槽
了解什么是jsx -> https://www.cnblogs.com/senior-shef/p/17872695.html 一、了解props 1、什么是props React支持两种组件，DOM组件和React组件。DOM组件指的是所有的HTML和SVG标签。比如说，如果我们想要使用标签，在R ......
富文本里解析vue、react组件
react 封装的渲染富文本的组件： RenderRtf.tsx import { useState, useEffect, useRef } from "react"; import parse from "html-react-parser"; import ReactDOM from "rea ......
redis_demo
redis安装：Redis 安装 | 菜鸟教程 (runoob.com) redis概念：Jedis入门 - 知乎 (zhihu.com) jedis参考demo：Jedis入门教程_jedis教程-CSDN博客 模块目录结构： pom.xml: <project xmlns="http://mav ......
React 整洁代码的 10 个最佳实践（译）
作者：大家的林语冰链接：https://www.zhihu.com/question/36516604/answer/3279585231来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 React 整洁代码的 10 个最佳实践（译）免责声明 本文属于是语冰的直男翻译了 ......
h5新增标签demo【+清空浮动】
直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc ......
NaLLM Demo
NaLLM 项目总结 前后端分离，前端Vue3，后端Fastapi 项目的整体界面如图： 主要实现三种功能： Unstructured Import：实现非结构化文本的知识图谱提取和实体关系、去重等操作，最终返回提取的实体、关系和对应的属性，本项目也提供了将原始提取结果转换为CSV文件的类，便于结果 ......
react中数组的操作
添加元素：你可以使用push方法来在数组的末尾添加一个元素，或者使用unshift方法来在数组的开头添加一个元素。你也可以使用concat方法或者扩展运算符...来合并两个数组。 let arr = [1, 2, 3]; arr.push(4); // arr is now [1, 2, 3, 4] ......
React项目报错：Element type is invalid: expected a string可能的原因
React项目报错：Element type is invalid: expected a string 起因：用了屎一样的React Antd组件库，坑太多实在用不下去了，代码不变直接改成Tdesign，于是就开始了解决无穷无尽的报错。。。 Element type is invalid: exp ......
react项目vite报错:UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??='
问题： vite报错:UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??=' 今天clone一个vite的项目，安装依赖后运行npm run dev报错： UnhandledPromiseRejectionWarni ......
react18 typeScript useSelector 提示state 类型未知
解决方案 store/index.tsx import { configureStore } from '@reduxjs/toolkit'; import { useSelector, useDispatch } from 'react-redux' import type { TypedUseS ......
react 使用 antd 创建全局loading
代码如下： import ReactDOM from 'react-dom'; import { Spin } from 'antd'; export const showGlobalLoading = () => { const dom = document.createElement('div' ......
Electron 开发过程中主进程的无法看到 console.log 输出怎么办
开发过程中命令行工具（powershell、terminal）内无法看到 console.log 输出 Eelectron 的在开发过程中主进程 NodeJS 内往往需要 console.log 来进行简单的调式 渲染进程的 console.log 输出到开发工具控制台中，这和浏览器中的 web 调 ......
int和long的计算demo6
public class demo06 { public static void main(String[] args) { int money=10_0000_0000; System.out.println(money); int year=20; int total=money*year;// ......
类型转换demo05
import com.sun.security.jgss.GSSUtil;public class demo05 { public static void main(String[] args) { int i=130; byte b=(byte) i;//内存溢出 //类型转换 byte(字节）, ......
更新react版本号
[求更新react版本号 · Issue #52 · DataV-Team/DataV-React](https://github.com/DataV-Team/DataV-React/issues/52) package.json 设置 overrides 可以解决这个问题 "overrides" ......
2023-11-30 记录实用小案例 —— react监听页面返回时执行事件
useEffect(() => { const handlePageBack = () => { // 此处写你想要触发的事件 }; // 监听浏览器的 popstate 事件，即页面返回事件 window.addEventListener('popstate', handlePageBack); ......
React 受控和非受控组件
无论你做什么，都要相信自己可以做到，因为你的潜力是无限的。 把父组件的状态变成属性传递给子组件，子组件接受这个属性，听命于父组件。这个子组件就是叫做受控组件。在受控与非受控组件有两种理解方案，第一：狭义上的受控与非受控，就是我们在表单中的受控与非受控组件。第二：广义上的受控与非受控组件，就是 Rea ......
React 中 Ref 引用
不要因为别人的评价而改变自己的想法，因为你的生活是你自己的。 1. React 中 Ref 的应用 1.1 给标签设置 ref 给标签设置 ref，ref="username"， 通过 this.refs.username 可以获取引用的标签，ref 可以获取到应用的真实 Dom 节点。但是 thi ......