electron react demo
如何使用React和Framer Motion构建图像轮播
您可能在许多现代应用程序中遇到过轮播。这些多功能网页元素以各种名称（例如滑块或旋转器）而闻名，它们以视觉上吸引人的滑动或旋转方式展示内容。 轮播可以帮助您节省空间、增强用户界面并提供出色的用户体验。 轮播已成为 UI 设计的主要内容，通常用于显示图像、推荐等。创建引人入胜的动态界面时，它们是不可或缺 ......
React props 用法
Components let you split the UI into independent, reusable pieces, and think about each piece in isolation. This page provides an introduction to the ......
JAVA调用ABAP RFC接口-DEMO
package com.swift.oa; import com.sap.conn.jco.*; /** * @Author: Wriprin * @Date: 2022/11/25 17:20 * @Version 1.0 */ public class GetMaraInfo { public ......
How to use handleChange() function in react component?
An onChange event is triggered when values are entered in the input. This fires a function handleChange(), that is used to set a new state for the inp ......
React map函数用法介绍
map是一种数据集合类型，其中数据以对的形式存储。它包含一个唯一的键，存储在映射中的值必须映射到键。我们不能在map()中存储重复的对，这是因为每个存储的键都是惟一的，它主要用于快速搜索和查找数据。 在React里map方法用于遍历和显示组件的类似对象列表，map不是React特有的，相反，它是可以 ......
React hooks
什么是React Hook？ hook（钩子）是一种特殊的函数，它允许你“钩入”各种React特性。假设一个函数返回一个有两个值的数组： 第一个值: 一个带有状态state的变量。 第二个值: 一个带有处理程序handle（改变当前状态的函数）的变量。 就是这样，很简单。🥞 记住，在JavaScr ......
react之自定义hooks
原文合集地址如下，有需要的朋友可以关注 [本文地址](https://mp.weixin.qq.com/s?__biz=MzI5MjY4OTQ2Nw==&mid=2247484285&idx=1&sn=1d83bd724834db70b14f9a65d46b3ec0&chksm=ec7cc029db ......
react-native项目启动报错 Error: `fsevents` unavailable (this watcher can only be used on Darwin)
react-native项目启动报错——watchman安装问题(mac pro) Looking for JS files in /Users/你的名称/Documents/project/文件夹名 Loading dependency graph.../Users/你的名称/Documents/ ......
Cipher_demo
参考：Java使用Cipher类实现加密，包括DES，DES3，AES和RSA加密 - 蔡昭凯 - 博客园 (cnblogs.com) Main.java 1 package com.hmb; 2 3 import javax.crypto.*; 4 import javax.crypto.spec ......
js 作用域 demo
var a=1; console.log(a); if(true){ console.log(a); a = 5; function a(){}; function b(){}; a = 0; console.log(a); }; console.log(a); console.log(b); ......
react项目webpack打包图片名去除hash
环境： node -v v16.16.0 1、露出webpack配置文件： yarn run eject 如果git报错，请执行 git add . git commit -m 'ddd' 再执行yarn run eject 2、执行完上一步后，项目会新增一个config文件夹 修改config\w ......
无意间做了个 web 版的 JVM 监控端前后端分离 React+Spring Boot
本来就是为了更多的了解 JMX，第一步就想把所有的 MBean 和属性都展示出来，开始在控制台输出，但是效果不好，内容太多太长，不够直观，然后就加了个 web 端的树形结构。然后做着做着突然发现，再稍微改改就能当个 web 版的简易监控端用了。 此工具只在 hotspot JVM 8 环境下测试过。 ......
【前端教程02】js拖拽布局demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ......
electron react 简单demo
##1 使用cra 创建 项目 `npx create-react-app center-tools` ##2 安装依赖 ` yarn add electron electron-builder cross-env wait-on concurrently --dev` ` yarn add ele ......
记录--写一个高德地图巡航功能的小DEMO
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 风格设置 加载地图 使用AMapLoader.load加载地图，从 控制台 申请一个属于自己的key import AMapLoader from '@amap/amap-jsapi-loader'; ... const AMap = a ......
electron 打包错误
An unhandled rejection has occurred inside Forge:Error: EBUSY: resource busy or locked, unlink 'E:\*****\exam-win32-x64\resources\app.asar' 如果引用了本地文件， ......
linux 安装bluez并编写小demo运行
之前学了DBus并成功实现简单的通信，现先安装bluez试试，看看能否也可以实现bluez的c语音编程实现广播或者接收等功能 第一步：前往官网下载bluez最新版 http://www.bluez.org/download/. 第二步：下载成功后进行解压 tar xvf bluez-5.66.tar ......
自定义UGUI控件 - 实现一个Text控件Demo
最终效果 就简简单单一个利用Font把文本渲染出来的Demo，文字排版啥的都没没有 using UnityEngine; using UnityEngine.UI; public class MyText : Graphic { public Font m_Font; public string m ......
Electron App 安装包定制 -- Inno Setup 脚本 Pascal Scripting 初探
在做 Electron 项目时，有个需求是安装包安装时要给客户机上装上某个软件 在查看 Inno Setup 官网后发现是通过 .iss 脚本编写实现自定义安装过程 可在 .iss 内可以添加脚本为安装过程添加逻辑 为了测试方便我用 vite 新建一个全新的 electron 项目 用的是这个脚手架 ......
React组件三大属性state，props，refs
1. React组件定义 1.1 函数组件（Function Components） 函数组件是一种简单的定义组件的方式，通过一个JavaScript函数来定义组件。函数接收一个props对象作为参数，并返回一个React元素作为输出。 1 <!-- 准备好一个“容器” --> 2 <div id= ......
初识React Navigation
React Navigation是React社区自己维护的导航的解决方案。文档参见：https://reactnavigation.org/docs/getting-started 常见的几种类型的navigation如下：1. Tab菜单： 参见https://reactnavigation.or ......
讯飞离线语音合成新版(Aikit)-android sdk合成 demo（Java版本）
前言：科大讯飞的新版离线语音合成，由于官网demo是kt语言开发的，咱也看不懂kt，搜遍了全网也没看到一个java版的新版离线语音demo，现记录下，留给有缘人参考！！！！！毕竟咱在这上面遇到了不少的坑。如果能留言指正，那就更好了。 ## 第一步： 官网注册账号 》实名认证 》点击语音合成 》离 ......
React学习时，outlet配置(token判定，页面path监听)
尽管写过 outlet 路由的配置。 考虑到 token 判定和 路由页 变更，我不了解v6是不是有更详解的做法。 决定调一下配置，期望 在任何页面异步更新时，token 都可以在跳转前 被检测到，防止无 token 跳转发生。 为 src 文件配置 v6版本：路由子组件 App.js ``` im ......
React - 判断当前点击是组件的外部或内部
1.先获取当前要监听的那个组件的ref import React, { useRef } from 'react'; // 类组件获取 this.Ref = React.createRef(); // 函数组件获取 const Ref = useRef(); 2.通过addEventListener ......
linux D-bus安装与测试demo
因为linux下通过bluez进行ble开发需要运用到D-bus，但此前对此一窍不通，现开始学习D-bus相关知识。首先便从安装开始 在此过程中参考如下两篇博客 博客1：这里 博客2：这里 首先是进行D-bus各种安装，挨个执行如下指令 sudo apt-get install dbus sudo ......
react-router v6 路由
## 前言 之前写react的时候 路由真的是难用，这次更新后，极为好用！ ## 嵌套路由  main.jsx ```j ......
[scrapy]一个简单的scrapy爬虫demo
# 一个简单的scrapy爬虫demo ## 爬取豆瓣top250的电影名称＋电影口号 使用到持久化流程： * 爬虫文件爬取到数据后，需要将数据封装到items对象中。 * 使用yield关键字将items对象提交给pipelines管道进行持久化操作。 * settings.py配置文件中开启管道 ......
Normalizer_demo
参考：(15条消息) Java之Normalizer(归一化)_java normalizer_oscar999的博客-CSDN博客 (15条消息) 关于Normalizer.normalize()方法的用途_逆光下的轮廓的博客-CSDN博客 全角字符和半角字符的区别 - 知乎 (zhihu.com ......
React ISR 如何实现 - 最后的 Demo
之前写了两个 `demo` 讲解了如何实现 `SSR` 和 `SSG`，今天再写个 `demo` 说在 `ISR` 如何实现。 ## 什么是 ISR `ISR` 即 `Incremental Static Regeneration` 增量静态再生，是指在 `SSG` 的前提下，可以在收到请求时判定页 ......
React关于UseRef
## useRef简单介绍 ```javascript const refContainer = useRef(initialValue); ``` useRef 返回一个可变的 ref 对象，其 .current 属性被初始化为传入的参数（initialValue）。返回的 ref 对象在组件的整 ......