electron react demo
electron安装，打包成应用程序或者小程序
在使用 Electron 进行开发之前，需要安装Node.js，可以在终端输入以下命令输出了 Node.js 和 npm 的版本信息： node -v npm -v 没有的话，自行查找并安装。 全局安装 ： npm install electron -g ，非全局安装 ：npm install el ......
electron关闭隐藏到托盘
main.js中的主要代码 // ************* 实现点击关闭是系统托盘start*********************** // 当我们点击关闭时触发close事件，我们按照之前的思路在关闭时，隐藏窗口，隐藏任务栏窗口 // event.preventDefault(); 禁止关闭 ......
react18中antd的Upload组件上传头像，并且拿到服务器返回的头像的url地址在页面中显示头像
业务需求：上传头像，上传完毕后拿到头像的url，把头像展示在页面中，最终把头像url和其他用户信息一起发送给服务器 上传头像流程 导入 Upload 组件和图标(一个加号，一个加载中) import { Upload } from 'antd'; import { PlusOutlined, Loa ......
vscode中react组件
title: "vscode中ES7+ React/Redux/React-Native snippets插件使用" date: 2023-04-07 23:21:32 tags: ['Vscode','插件'] categories: ["工具篇"] 通过使用这个插件我们可以很方便的进行组件/方法 ......
hyperf3搭建grpc demo
搭建环境如果是linux因为默认版本的gcc是4.8.5编译安装grpc失败，必须升级gcc的版本可以参考《php 安装 grpc 扩展》。 gcc重新编译比较耗时所以还是比较建议用docker Dockerfile FROM php:8.1 # 安装必要的工具和依赖 RUN apt-get upd ......
部署Spring Boot + React前后端分离中的奇特发现
今天在尝试在服务器上部署Spring Boot + React前后端分离应用时有一个奇特的发现。 服务器 首先是前端npm run build之后，将构建好的应用移动到/var/www/html文件夹，nginx启动可以正常访问，axios接口访问地址为localhost:8080； 后端maven ......
在react中使用onAppear事件
封装一个可以使用onAppear的<VIew/>组件： import React, { PureComponent } from 'react'; class View extends PureComponent { constructor(props) { super(props); this.t ......
react 生命周期钩子函数
1、挂载：construct、getDerivedStateFromProps、render、componentDidMounted 2、更新：getDerivedStateFromProps、componentWillUpdate、render、getSnapshotBeforeUpdate、co ......
react ref
一、使用 ref 操作 DOM 1、要访问由 React 管理的 DOM 节点，首先，引入 useRef Hook： import { useRef } from 'react'; 2、然后，在你的组件中使用它声明一个 ref： const myRef = useRef(null); 3、最后，将其 ......
A simple ROS2demo using fastdds
Statement Here I will do a simple experment about the Publisher/Subscriber model in BOTH FastDDS and ROS2(humble, latest), as well as cross communicat ......
什么是 React Functional Components? 函数式组件？
函数式组件与类组件（Functional Components vs Class Component） 函数式组件只是一个普通 JavaScript 函数，它返回 JSX 对象。 类组件是一个 JavaScript 类，它继承了 React.Component 类，并拥有 render() 方法。 ......
react 虚拟DOM的原理
1、虚拟DOM，就是虚拟节点，通过用一个JS对象表示真实DOM树结构，这个对象就包括标签名，属性，子节点等。然后将其渲染成真是的DOM节点。 2、第一步是模拟，用 JSX 语法写出来的元素其实是一个虚拟节点 <div id='a'> <span class='b'>test</span> </div ......
electron项目打包编译遇到问题
E:\ProjectSource-Code\87VR-Game-Electron> yarn packageyarn run v1.22.11$ rimraf src/dist && yarn build && electron-builder build --publish never$ conc ......
Qt开发技术：Q3D图表开发笔记（三）：Q3DSurface三维曲面图介绍、Demo以及代码详解
前言 qt提供了q3d进行三维开发，虽然这个框架没有得到大量运用也不是那么成功，性能上也有很大的欠缺，但是普通的点到为止的应用展示还是可以的。 其中就包括华丽绚烂的三维图表，数据量不大的时候是可以使用的。 前面介绍了基础的q3d散点图、柱状图，本篇介绍基础的三维曲面图。 Demo：Q3DSurfac ......
电子表格 VS 数据网格，你的React应用程序应该怎么选？
电子表格和数据网格：乍一看他们似乎是可互换的组件，由于两者都是用表格显示来格式化大量数据，因此很难知道应该为React应用程序选择哪个选项。 尽管它们的外观相似，但提供了非常不同的功能——选择错误的一个将对用户体验产生负面影响，了解两者之间的差异，以及它们最能解决哪些问题，将帮助您为React应用程 ......
使用obd demo快速部署单副本oceanbase集群（离线）
环境介绍： centos 7.6 可用内存不少于8G 安装目录空间不少于50G（默认安装在当前安装用户的家目录下） 1. 什么是obd？ odb是oceanbase社区版部署工具oceanbase deployer的简称，通过obd可以快速完成oceanbase clusterr的部署。 不传入配置 ......
运行一个vue项目vite-electron-vue
必备软件： 1） visual studio code 2） nodejs 18.16.0 3） yarn 下载源码： 项目fork 自 https://gitee.com/mywink/vite-electron.git git clone https://gitee.com/panie/vite ......
React框架使用
一：使用Vite创建React项目 二：React中组件使用 import React, { Component, useState } from "react"; //使用class定义组件 export default class Modet extends Component<any,any> ......
枚举实现方式demo
class Program { static void Main(string[] args) { Console.WriteLine(INSTRUCTION_STATUS.新建); Console.ReadKey(); } } class INSTRUCTION_STATUS { public c ......
obd demo快速部署单副本oceanbase（在线）
资源要求： 可用内存不少于8G 安装目录空间不少于50G（默认安装在当前安装用户的家目录下） 1. 什么是obd？ odb是oceanbase社区版部署工具oceanbase deployer的简称，通过obd可以快速完成oceanbase clusterr的部署。 不传入配置文件的情况下，在单机通 ......
electron项目进行打包
背景介绍项目需要在内网环境的linux环境下对electron项目进行打包。获取package.json可以只用一个package.json 在外网下载好需要的 node_modules。在packag.json中配置好需要的依赖包，然后直接在package.json目录下npm install 即 ......
网易云信SDK示例demo下载，运行报错
pod install 后报错 File not found: /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/lib/arc/libarclite_iphonesimulator. ......
React Native Expo 热更新
以前都是expo publish 推送到我的expo进行调试的,今天在vscode的那个页面输入这个命令,竟然发现我手机上打包的app竟然热更新了?!!! 我没有下载apk,安装啥的,里面的内容竟然热更新了?!!!,厉害啊,我滴哥,expo太强了 ......
JavaScript 发布-订阅设计模式实现 React EventBus（相当于vue的$Bus）非父子之间通信
提前声明: 我没有对传入的参数进行及时判断而规避错误,仅仅对核心方法进行了实现； 解决了react的非父子间的通信； 参考文档：https://github1s.com/browserify/events/blob/main/events.js https://www.npmjs.com/packa ......
dbatools demo
break #从PowerShell Gallery 安装dbatools模组 Install-Module dbatools <# 01.查找SQL实例 02.连接SQL实例 03.检查备份 04.检查磁盘空间 05.备份数据库 06.安装欧拉维护工具 07.运行Job 08.测试备份 09.查看 ......
React 组件进入和退出动画实现
实现了React中组件的进入和退出动画效果，主要是通过props给组件传参来决定进入和退出，然后根据props选择不同的animation class，并将组件停留在动画的结束阶段。 ......
React中图片的相对路径引入和绝对路径引入
React中当在JSX中的img标签中引入时使用相对路径引入，地址是基于index.html的而不是当前jsx文件的，如 <img src="./src/assets/images/google.png"> 此种方式的src是固定的字符串，当进行webpack打包时可能会出现路径问题，不推荐 使用J ......
React redux toolkit: Uncaught Error:[Immer] An immer producer returned a new...
React在写一个购物车的redux toolkit时遇到了问题。核心问题是reducer中不能既修改state，又return新值。修改后代码正常运行。 ......
react的思想和数据流
最近忙着写前端界面，粗略讨论以下 react 的函数式编程思想和组件通信的应对思路。 纯函数和副作用 函数式编程中函数是一等公民。一个函数的返回值只取决于输入参数时，那么这个函数的行为是确定的，我们称之为纯函数。那么反过来，如果函数的输入参数相同，而返回值不确定，那么该函数就是有副作用的,是不纯的。 ......