electron react demo
Electron-React18-MacOS桌面管理系统|electron27+react仿mac桌面
基于React18+Electron27+ArcoDesign仿macOS桌面端系统框架ElectronMacOS。 electron-react-macOs 基于electron27.x+vite4+react18+arcoDesign+zustand等技术构建桌面版仿MacOs框架系统解决方案。 ......
【干货】Ehome demo工具的详细使用方法
关注小编的都知道，除了日常方案与各类技术难题，小编也会经常分享一些技术干货。今天小编就给大家介绍一下Ehome demo工具的详细使用方法。利用该工具可以测试和调试海康监控设备。 具体步骤如下： 1、选择所需IP； 2、如果是测试本地设备，即配置本地ip； 3、若是测试公网设备，配置公网ip即可。 ......
React 应用构建（环境）
可以少去理解一些不必要的概念，而多去思考为什么会有这样的东西，它解决了什么问题，或者它的运行机制是什么？ 一. 环境搭建 工作编辑器：Visual Studio Code。 Javascript 解析器、运行环境 Node.js 的安装。 npm 安装：npm 是 Node.js 的软件包管理器。 ......
three demo
import { OrbitControls } from "three/examples/jsm/controls/OrbitControls"; import { CSS2DRenderer, CSS2DObject,} from "three/examples/jsm/renderers/CS ......
Linux驱动开发笔记（四）：设备驱动介绍、熟悉杂项设备驱动和ubuntu开发杂项设备Demo
前言 驱动的开发需要先熟悉基本概念类型，本篇讲解linux杂项设备基础，还是基于虚拟机ubuntu去制作驱动，只需要虚拟机就可以尝试编写注册杂项设备的基本流程。 linux三大设备驱动 字符设备：IO的传输过程是以字符为单位的，没有缓冲，比如I2C（SDA、SCL），SPI（MISO、MOSI、SC ......
最新demo版|如何0-1开发支付宝小程序之如何调试小程序（二）
上一篇跟大家详细的讲了下开发支付宝小程序前所需要做准备事项，安装了支付宝小程序的开发工具。那么今天就来详细聊一下在小程序开发工具中，我们需要如何调试小程序。 ......
react中绘制饼图基础例子
使用interval标记和theta坐标系来绘制饼图 radius：标签相对于饼图圆心的距离 .label()中的text 指定了一个回调函数，可以设置标签，其中d是当前项数据，i是当前项的索引，data是全部的数据，注意回调函数要有返回值。 实现效果： import { Chart } from ......
用Electron+vue+ffmpeg开发一个视频处理的工具
前端时间用electron+ffmpeg开发了一个视频压缩软件，然后越熟悉ffmpeg越觉得它的牛叉，以前觉得视频处理需要高深莫测的技术，ffmpeg为我解开了视频处理的神秘面纱。然后决定做一个视频处理的工具，包括视频压缩、视频剪切、视频合并、视频格式转换、视频添加水印，先上效果图。 上一篇文章介绍 ......
安装electron时一些报错的处理
安装 npm install --save-dev electron 是网络的原因，修改NPM配置 npm config edit 在弹出的配置文件中修改 registry=https://registry.npmmirror.com electron_mirror=https://cdn.npmm ......
React学习二：表单受控绑定、获取Dom、组件通信、useEffect、自定义Hook
一、受控表单绑定 概念：使用react组件的状态（useState）控制表单的状态。双向绑定，数据变化视图也变，视图变数据也变。 import { useState } from 'react' function App() { const [content, setContent] = useSt ......
前端笔记：React学习 1.1--配置环境
1.1 配置环境 React中文文档 React官网文档 安装Nodejs Nodejs官网 安装create-react-app 终端执行： npm i -g create-react-app 安装VSCode插件 Simple React Snippets Prettier - Code for ......
NOIP 2023 游记 (demo)
Day 0 水水水。。 APJ 把 fnaf 电影看了。好像和 APJ 的期望相差比较大。 啥时候普及脑机接口啊。 看到有人打 3,2,1，遂打。打了两天 IN 一直都是 91 万左右。。 颁奖典礼，膜拜国际特级大师 Su_Zipei，今一您扬向。 因为和 K8He 是一个房间的所以就天然面基了 c ......
electron打包步骤
# npm清理缓存 npm cache clean --force # 创建文件夹 mkdir xxx && cd xxx # 初始化(entry point 应为 main.js，author必填，description必填) npm init # 安装electron包 npm install ......
React、Umi、RN 整体理解
可以少去理解一些不必要的概念，而多去思考为什么会有这样的东西，它解决了什么问题，或者它的运行机制是什么？ React 1. React 起源和发展（是什么？） React 是用于构建用户界面的 JavaScript 库，起源于 Facebook 的内部项目，该公司对市场上所有 JavaScript ......
Electron 安装启动
npm install --save-dev electron 安装的时候会报错20.205.243.166该地址是github的地址，由于在国内无法访问。 解决办法：更改electron安装源。 npm config set ELECTRON_MIRROR https://npmmirror.co ......
最新demo版｜如何0-1开发支付宝小程序之前期准备篇（一）
小程序作为目前一种轻量、便捷的应用、目前应用越来越广泛了。
很多没有开发经验的开发同学可能初次接触就是小程序开发，为了详细讲解下小程序开发的步骤，我会按照小程序的开发流程一步一步从零开始给大家介绍下如何开发支付宝小程序，后续教程中会更新最新版 demo 给到大家。 ......
Java 实现 上下文的Demo
// 上下文接口 interface Context { void update(Context newContext); } // 具体上下文类 class MyContext implements Context { private String data; public MyContext(S ......
React AntD的Dropdown组件报错：React.Children.only expected to receive a single React element child.可能的n原因
React.Children.only expected to receive a single React element child. Error: React.Children.only expected to receive a single React element child. at ......
react学习
提升state?what?how?why? 兄弟组件之间怎么共享state? onClick='fn()'会立即调用，传参使用onClick='() => fn(id)' 提前返回一些东西 ()的意义 state不应在组件中改变 state三部曲：1.定义它 2.使用它 3.更新它 类似vue中的s ......
为React Ant-Design Table增加字段设置
最近做的几个项目经常遇到这样的需求，要在表格上增加一个自定义表格字段设置的功能。就是用户可以自己控制那些列需要展示。在几个项目里都实现了一遍，每个项目的需求又都有点儿不一样，迭代了很多版，所以抽时间把这个功能封装了个组件：@silverage/table-custom，将这些差别都集成了进去，方便今... ......
（倒推2）E:\mmdetection-main\demo\image_demo.py 代码解读
# Copyright (c) OpenMMLab. All rights reserved. """Image Demo. This script adopts a new infenence class, currently supports image path, np.array and f ......
React.Children.map的用法
React.Children用很多用法，如下图，经常会用到的是toArray()，具体用法可以自行了解，这里记录下map()的用法和使用到的场景。 1. 用法：React.Children.map接收2个参数，第一个是所有子元素，第二个是个回调，可以对每个子元素进行处理，然后返回处理后的子元素。 2 ......
react使用react-draggable制作可拖拽弹框
安装 yarn add react-draggable 使用 import Draggable from 'react-draggable'; export default function TableModal() { const [bounds, setBounds] = useState({ ......
springcloud教程 -- 快速搭建入门级demo
废话不多讲，跟紧我，开启你的SpringCloud初体验 首先回顾微服务的基本组成： [图片 here] 生产者：提供服务 消费者：消费服务 服务注册/发现中心：服务注册，发现，监控 所以，首先明白springcloud微服务的架构基础 ：生产者（client），消费者（client），服务注册/发 ......
如何实现元素的平滑上升？（vue和react版）
首先我们看下我们有时候需要在官网或者列表中给元素添加一个动画使元素能够平滑的出现在我们的视野中。 如上图所示，我们在vue中可以自定义指令，当我们需要的时候可以直接使用。废话不多说直接上代码。 首先我们创建一个vSlideIn.ts文件 import { DirectiveBinding } fro ......
react| 封装TimeLine组件
功能 支持居中/局左/居右布局 可自定义线条颜色 默认情况下图标是圆形，可自定义圆形颜色和大小，同时也可以自定义图标 支持自定义内容 效果 const data=[ { "title": "2022-12-05 12:03:40", "des": "茶陵县实时广播防火宣传" }, ... ] <Ti ......
electron的axios用法
当在 Electron 中使用 axios 库时，你需要在渲染进程的代码中使用它来发起 HTTP 请求。以下是一个完整的示例，展示了如何在 Electron 中导入并使用 axios 库： index.html: ```html <!DOCTYPE html> <html> <head> <titl ......
2023-11-13 electron-egg（学习笔记）
描述：一个基于Electron的桌面软件开发框架。 项目地址：https://gitee.com/dromara/electron-egg.git 官网：https://www.kaka996.com/ 注： clone下来后可以切换到demo分支查看demo效果，master分支就只是简单的hel ......