electron react demo
electron_vue
# 安装 npm i element-ui -S ![](https://img2023.cnblogs.com/blog/1648896/202305/1648896-20230527115927734-1690098711.png) ## Q: 安装 npm 时,如果要安装的库版本与要安装到的项 ......
第一个react.js程序:create and show comment
import React, { Component } from "react"; import { render } from "react-dom"; import PropTypes from "prop-types"; const node = document.getElementById ......
WPF入门实例 WPF完整例子 WPF DEMO WPF学习完整例子 WPF实战例子 WPF sql实例应用 WPF资料源码
WPF 和 WinForms 都是用于创建 Windows 桌面应用程序的开发框架,它们有一些相似之处,但也有很多不同之处。 在开发速度方面,这取决于具体情况。如果您熟悉 WinForms 开发并且正在开发简单的界面应用程序,则可能会比使用 WPF 更快速地完成任务。然而,在设计和实现复杂的用户界面 ......
基于Electron24+Vite4+Vue3搭建桌面端应用
一说到创建桌面应用,就不得不提及Electron和Tauri框架。这次给大家主要分享的是基于electron最新版本整合vite4.x构建vue3桌面端应用程序。 之前也有使用vite2+vue3+electronc创建桌面端项目,不过 vue-cli-plugin-electron-builder ......
React Components, Elements, and Instances
see: https://legacy.reactjs.org/blog/2015/12/18/react-components-elements-and-instances.html https://www.robinwieruch.de/react-element-component/ http ......
react h5实现扫一扫功能
/* * * 1、listVideoInputDevices * 获取摄像头设备得到一个摄像头设备数组,根据摄像头的id选择使用的摄像头 * 2、decodeFromInputVideoDeviceContinuously() * 第一个参数为前面数组得到的摄像头的id,根据传入的摄像头id 选择摄 ......
协程小demo
#### 代码 ``` import asyncio async def run(i): print(i) await asyncio.sleep(i) print(333333333, i) if __name__ == '__main__': loop = asyncio.get_event_l ......
Electron打包的时候路径存在中文出现的bug
在打包electron的时候报了这条错误 1 Error output: 2 !include: could not find: "C:\Users\xxxx(这里是中文)\AppData\Local\Temp\t-TH3KzB\0-messages.nsh" 3 Error in script " ......
react 手写签名
import React, { useRef, useState } from 'react'; import SignatureCanvas from 'react-signature-canvas'; import './index.less'; function Signature() { c ......
React实现可页面可调节
> 效果预览 ![调节页面.gif](https://wansherry.com/api/fc01e2c58219126e20367e856ebad24c.gif) > 关键代码 ```javascript //调节窗口大小 useEffect(() => { if (conref.current) ......
react中useRef的应用
# 何为useRef useRef是随着react函数式组件发展而来的,是react众多官方hook中的一个,调用useRef可以返回一个伴随这组件整个声明周期不发生改变的对象,这个对象常见的用途有两个: - 用于绑定dom元素,从而实现对dom元素的操作 - 用于保存不希望随着组件重新渲染而改变的 ......
鼎捷T100二次开发资料大全 T100 webservice开发明细 4GL从入门到实战 T100实战例子 鼎捷二次开发DEMO 鼎捷单档双档开发
下载地址 https://www.syjshare.com/res/Y8GX6HHE ......
[cnn]cnn训练MINST数据集demo
# [cnn]cnn训练MINST数据集demo tips: 在文件路径进入conda 输入 ```jupyter nbconvert --to markdown test.ipynb``` 将ipynb文件转化成markdown文件 ```jupyter nbconvert --to html t ......
使用react-flow制作流程图
1.react-flow react-flow是一个用于构建基于节点的应用程序的库。这些可以是简单的静态图或复杂的基于节点的编辑器。同时react-flow支持自定义节点类型和边线类型,并且它附带一些组件,可以查看缩略图的Mini Map和悬浮控制器Controls. 2.react-flow安装 ......
抽象工厂模式demo
# 结构: ![](https://img2023.cnblogs.com/blog/3005444/202305/3005444-20230525110430583-1677553681.png) # 代码: ~~~python # @Time : 2023/5/25 # @Author : zh ......
React 性能 debug 小记
## 前言 之前开发重构项目的时候,遇到了一些问题, 如 `hooks` 的性能问题和 `quill` 的重载问题。本文就是记录这些问题的解决过程。 ## 场景 在基于富文本的输入场景中,我们发现在输入回车后会出现明显的卡顿现象。为了更好地展示此类场景,这里使用了一个简单的例子展示。 ```tsx ......
golang grpc demo
protobuf 安装链接:https://liqiang.io/post/install-protobuf-in-centos-f0a9b926 ......
[React Typescript] useRef with HTML Elements
React set the ref to null in runtime. It is a limitation now for react. import { useRef } from 'react'; export const Component = () => { const ref = u ......
讯飞开放平台机器翻译(新)golang实现demo
最近做项目用到翻译功能,对接了一下科大讯飞的翻译api接口,demo如下: ```golang package main import ( "crypto/hmac" "crypto/sha256" "encoding/base64" "encoding/json" "fmt" "io/ioutil ......
微服务框架SpringCloud微-2-服务拆分及远程调用-demo黑马
微服务框架 SpringCloud微服务架构 2 服务拆分及远程调用 2.1 案例Demo 2.1.1 服务拆分注意事项 这里四个模块,拆成四个服务就行了 单一职责:不同微服务,不要重复开发相同业务【不能像以前那样了】 数据独立:不要访问其它微服务的数据库 3. 面向服务:将自己的业务暴露为接口,供 ......
Electron 上下文隔离和 node 集成
# Context isolation and Node integration ![](https://img2023.cnblogs.com/blog/967043/202305/967043-20230523161053448-90495763.png) ``` Scenario contex ......
macOS下由yarn与npm差异引发的Electron镜像地址读取问题
记录macOS下由yarn与npm差异引发的Electron镜像地址读取问题 写在前面:该问题仅仅出现在Linux和macOS上,Windows上不存在该问题! # 初始背景 最近笔者重新拾起了Electron,把最新版Electron的官方文档阅读了一遍。众所周知,Electron作为依赖在安装的 ......
实现一个签名效果demo
直接上代码 <!DOCTYPE html> <html> <head> <title>横屏签名页面</title> <style> canvas { border: 1px solid #000; touch-action: none; } button { margin-top: 10px; } ......
基于.NetCore+React单点登录系统
对于有多个应用系统的企业来说,每一个应用系统都有自己的用户体系,这就造成用户在切换不同应用系统时,就要多次输入账号密码,导致体验非常不好,也造成使用上非常不便。 针对这个问题,我们就可以采用单点登录的机制,只需用户登录一次,就可以实现切换到不同的应用系统,不需重新登录验证。 下面给大家推荐一套单点登 ......
react+mock
之前写过一篇react项目添加mock的文章,在文章中说的mock代码是打包配置的时候写入的,这种方式导致每次修改mock数据后都需要重新启动服务才能获取到新的mock数据。 今天使用另外一种方式来实现开发过程中的数据mock。 在项目中安装 axios和mock.js两个框架 然后在webpack ......
react项目在不暴露配置文件的情况下配置环境变量
react项目在不暴露配置文件的情况下修改打包配置需要用到 react-app-rewired和customize-cra 包对打包配置文件进行修改。 添加自定义环境变量有两种方法: 方法1:使用dotenv-cli 1、运行 yarn global add dotenv-cli 全局安装 dote ......
vue demo
要使用此模板,请使用 vue-cli搭建项目。建议使用npm 3+以获得更有效的依赖关系树。 $ npm install -g vue-cli $ vue init webpack my-project $ cd my-project $ npm install $ npm run dev ......
React笔记-Hooks(九)(非常全面)
# React笔记-Hooks(九) ## Hooks ### 概念 >React Hooks 的意思是 组件尽量写成纯函数 如果需要外部功能和副作用 就用钩子把外部代码"钩"进来 ### 函数组件和类组件区别 >- 函数组件没有状态(state) 类组件有 >- 函数组件没有生命周期 类组件有(挂 ......