electron react demo
callDOMAction demo
Crafted by Genie You callDOMAction demo Genie To create a demo for callDOMAction, we can use the following example: <!DOCTYPE html> <html> <head> <tit ......
react点击滑块验证
css .wrap-num { width: 300px; } @keyframes defaultWave { 0% { transform: scale(1); } 20% { transform: scale(1.23); } 40% { transform: scale(1); } 100% ......
Qt+MySql开发笔记：Qt5.9.3的msvc2017x64版本编译MySql8.0.16版本驱动并Demo连接数据库测试
前言 mysql驱动版本msvc2015x32版本调好， mysql的mingw32版本的驱动上一个版本编译并测试好，有些三方库最低支持vs2017，所以只能使用msvc2017x64，基于Qt5.9.3，于是本篇编译mysql驱动的msvc2017x64版本，满足当前的特定需求，这次过程有点费劲， ......
重拾react杂记
import { param,setParam} from 'React' 组件的名称必须以大写字母开头 <TableOfContents /> 每个js文件只有一个 export default function xx(){} 你的标签和 return 关键字不在同一行，则必须把它包裹在一对括号中 ......
SpringBoot 第一个demo
前奏 最近在面试，有一家公司在谈的时候，发了一份后端笔试题给我，是java的...... 我TMD是个运维诶，你给我一套SRE题不行嘛...... 玛德现在都这么卷了吗，SRE要去卷java啦...... SpringBoot 对于Java的很多东西我并不懂，但是我知道写java的后端都会用到Spr ......
electron销毁所有窗口
在开发过程中，我们可能需要手动的去销毁窗口实例。 //销毁所有窗口 BrowserWindow.getAllWindows().forEach(item => { if (!item.isDestroyed()) { item.destroy() } }) ......
React和Vue的区别
React和Vue是两个非常流行的JavaScript框架，用于构建前端Web应用程序。以下是它们之间的一些区别： 模板语法：Vue使用模板语法，它允许您在HTML模板中嵌入Vue代码，类似于AngularJS。React使用JSX语法，它允许您将JavaScript代码嵌入HTML模板中。 数据绑 ......
react中二维码的生成
使用工具 主要使用qrcode.react来生成二维码 下载命令：npm install qrcode.react --save 使用方法 import {QRCodeSVG, QRCodeCanvas} from 'qrcode.react' // 有两种都可以用来生成二维码，格式不同 <QRCo ......
直播平台软件开发，一个简单的Android登录实现demo
直播平台软件开发，一个简单的Android登录实现demo 一、登录活动 package com.example.login; import android.content.Intent;import android.os.Bundle;import android.text.TextUtils;i ......
Electron MacOs 打包 签名 公证（保姆级别）
前述1 MacOS 10.15 之前，应用如果没有进行签名，首次打开的时候就会出现“恶意软件”提示。 首先你要有一个苹果开发者账号 交完年费的那种 arm64（M系列芯片） 架构打包需要增加兼容 x86 处理 开发者证书慎重申请，Developer ID Application 这个证书申请一个就够 ......
react hooks ts 项目报Empty components are self-closing
这个错误通常发生在使用 TypeScript 和 React Hooks 的项目中，它表示你的组件没有正确地关闭。这种情况下，编译器会认为空组件语法是自闭合的，但实际上并不是。 要解决这个问题，你需要检查所有的组件，并确保它们都正确地关闭。一般情况下，你应该避免使用空的 JSX 语法，换而言之，你应 ......
Sitecore10 Demo演示环境Azure一键部署(Step By Step Guide to installing Sitecore10 in Azure Paas)
本文演示Sitecore XP Single(XP0)在Azure上的一键部署，即“30分钟生成Sitecore演示环境”的一环。 关于XP（即Sitecore Experience Platform） roles的相关介绍移步 XP Single配置主要用来开发和测试： Four Sitecore ......
记录一次springBoot+hibernate+JPA+swagger2+链接人大金仓的项目demo
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.spri ......
react antd 函数式弹窗案例
1.弹窗函数 export const checkReviewTaskTipModal = async (checkResult: { status: boolean; mseeage: string; }) => { return new Promise((r, j) => { const can ......
[REACT_DOC]-Quick Start
Quick Start 概览： 如何创建以及嵌套组件 如何添加markup 和样式 如何展示数据 如何条件渲染，如何渲染列表 如何响应事件并更新渲染 如何在组件之间共享数据 创建以及嵌套组件 function MyButton() { return ( <button>I'm a button</b ......
vue3+jointjs demo
下面是使用Vue3和JointJS添加元素的示例代码： 1. 安装JointJS ```terminal npm install jointjs --save ``` 2. 创建JointJS图形 ```javascript import { ref, onMounted } from 'vue'; ......
React Native 桥接原生模块
原生模块简介 有时候一个 RN 应用需要访问一个原生平台的 API 比如相机，但是，默认情况下 JavaScript 是无法访问原生 API 的。 原生模块系统暴露了一些 Java 类的实例对象给 JavaScript，这样就可以允许开发者在 JS 代码中执行一些特定的原生代码。 简单来说，桥接原生 ......
React、Ant Design 5.0 构建通用后台管理系统 - 接口服务环境搭建
项目初始化 mkdir general-admin-system-server cd general-admin-system-server npm init -y npm install typescript ts-node @types/node nodemon @swc/core @swc/h ......
React、Ant Design 5.0 构建通用后台管理系统 - 登录页面
安装依赖 npm install antd @ant-design/icons @ant-design/pro-components Ant Design组件库 @ant-design/pro-components封装一些好用的常用组件库 main.tsx import '@/styles/glob ......
electron鼠标经过托盘显示自定义菜单
1.自定义菜单 // 自定义菜单 var templateMenu = [{ label: "首页", submenu: [{ label: "111" }, { label: '9089' }] }, , { label: "编辑", submenu: [{ label: '123' }] }] ......
高德地图Demo
第一步先创建高德账号，创建应用获取key和密匙，自行百度。 npm安装 npm i @amap/amap-jsapi-loader --save 引入插件使用,此处是vue3引入，主要使用了位置和天气功能 <template> <div class="page"> <div class="icon" ......
盘点| 有哪些比较新的好用的React Native 开发工具？
2015年，FaceBook首次开发并发布React Native框架，用于构建原始的移动应用程序。React Native的特点是使用JavaScript和React编写应用程序代码，而不是其他移动应用程序开发框架，同时利用iOS和Android平台的原始组件和API，从而实现更快、更有效的开发流 ......
pyqt gui demo
# -*- coding: utf-8 -*- """ @Time : 2023/4/24 10:53 @FileName: gui_demo.py """ import sys from PyQt5.QtWidgets import * from PyQt5.QtCore import * fro ......
electron-builder 打包依赖文件放入指定目录
1. C:\Users\Liper\AppData\Local\electron-builder\Cache 2. nsis-resources-3.4.1.7z 3. nsis-3.0.4.1.7z 4. winCodeSign-2.6.0 ......
【前端可视化】ECharts中国地图+散点图demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
ai问答：使使用 Vue3 组合式API 和 TypeScript 父子组件demo
这是一个使用 Vue3 组合式 API 和 TypeScript 的简单父子组件示例 父组件 Parent.vue: <template> <div> <p>{{ msg }}</p> <Child /> </div> </template> <script lang="ts"> import { ......
React、Ant Design 5.0 构建通用后台管理系统界面 - 路由注册
涉及依赖 react-router-dom src/router/index.tsx import { IndexRouteObject, NonIndexRouteObject } from 'react-router-dom' // 重写react-router-dom的RouteObject ......
React、Ant Design 5.0 构建通用后台管理系统界面 - 项目初始化
事前准备 node npm vscode / webstorm 前端开发环境准备 项目初始化 npm create vite √ Project name: » general-admin-system-ui √ Select a framework: » React √ Select a vari ......
SpringBoot+React 前后端分离
SpringBoot+React 前后端分离 写个转发数据的小工具，本来只想开个 SpringBoot 服务带个页面，但感觉有点难受，正好之前研究了 React，尝试一下前后端分离。 后端 简单用 SpringBoot 起个服务，写个接口处理请求： @RestController @RequestM ......