electron react demo
React（一）：React元素渲染以及ReactDOM.render()方法
一、React的元素 1.React中元素是什么？ 我的理解是元素是组成React应用的一个个的组成部分，是React中的基本单位，是一个用来描述DOM节点或React组件的普通JavaScript对象。 2.React中元素的特点 元素是不可变的，一旦创建就不能对它的属性或者内容进行修改 3.Re ......
用 React 写函数组件，如何避免重复渲染
参考： 用 React 写函数组件，如何避免重复渲染？ - 挖个窟窿过年的回答 - 知乎 https://www.zhihu.com/question/442368205/answer/2590697263 一句话概括：memo、useMemo、useCallBack主要用于避免React Hook ......
some proxy demo
let rawindexof = String.prototype.indexOf String.prototype.indexOf = function (str) { var res = rawindexof.call(this, str) console.log(`[String] "${th ......
dotnet 连接使用ef orm连接sqlite数据库的小demo
# `EF6SQLiteTutorial/Program.cs` ```cs using EF6SQLiteTutorial.Data; using Microsoft.EntityFrameworkCore; var builder = WebApplication.CreateBuilder(a ......
在HTML中引入React和JSX
## 前言 Vue 可以非常方便地与 Pure HTML 结合，代替 jQuery 的功能，有一次遇到类似的场景时，我就想 React 能不能也以这种方式接入 HTML 网页，从而提高开发效率。 结果当然是可以的，只不过在 HTML 里直接 JSX 似乎会降低一些性能… 凑合用吧 ## 引入依赖 要 ......
React/Redux/React-Native 代码片段
# ES7+ React/Redux/React-Native 代码片段 ES7+ React/Redux/React-Native snippets 一个使用react开发的代码片段插件。 ## Snippets info 前置知识：代码片段中 每个花括号 `{ }` 和圆括号 `( )` 内部的 ......
创建Spring Boot+Spring MVC+Mybatis Demo项目
参考资料 IDEA搭建Springboot+SpringMVC+Mybatis+Mysql（详细、易懂） 创建项目 创建多个目录 把application.properties改成yml格式并补充配置 mysql中创建数据库和表 create database db1; use db1; creat ......
React18内核探秘：手写React高质量源码迈向高阶开发
第1章 课程简介 试看1 节 | 8分钟导学介绍课程内容，及你所获得~第2章 登高望远，手写源码前的思想准备8 节 | 54分钟建立全局观，为后续在源码中吸取精华做好思想准备，避免就源码而分析源码。第3章 原始版-初始化渲染：实现最原始的渲染过程11 节 | 122分钟实现初次渲染的基础逻辑，初步体 ......
在React之下，Context 或者 React-query库该如何选择
首先，如果是服务器的状态需要用React-query库最方便，如果是客户端的状态用local state + Context就可以了。 TRANSLATE with x English Arabic Hebrew Polish Bulgarian Hindi Portuguese Catalan H ......
flink demo
## 1. 搭建测试环境安装 ### 1.1 下载并启动docker-compose容器 ```bash # 该 Docker Compose 中包含的容器有： # DataGen：数据生成器。容器启动后会自动开始生成用户行为数据，并发送到 Kafka 集群中。默认每秒生成 1000 条数据，持续生 ......
electron中使用sqlite3和sequelize
需求如题，刚解决完，困难重重，挑重点讲： 1. 在windows下使用sqlite3需要以管理员的方式全局安装windows-build-tools，这个是用来给sqlite3重编译用的。下载的时候注意将npm降级到版本6，否则会卡在某一步半天没有动静。 2. 在项目中安装electron-rebu ......
React18+TS+NestJS+GraphQL 全栈开发在线教育平台
第1章 这里，将带你进行一次全面，高效的进阶 试看3 节 ‖ 36分钟学习本课程你能得到什么？不论是技术提升，职场晋升，面试跳槽，你都会有所收获。第2章 了解用户需求，懂得如何做项目 试看4 节 ‖ 54分钟本章让大家了解一个企业级项目的用户需求是什么，有哪几种角色，是如何使用我们的产品的，知道需求 ......
React18+Next.js13+TS，B端+C端完整业务+技术双闭环
新 React 技术栈，实战复杂低代码项目-仿问卷星第1章 开期准备 试看3 节 | 20分钟介绍课程内容，学习建议和注意事项。演示课程项目，让学员有一个整体的认识。第2章 【入门】什么是 React React 引领了现代前端开发的变革8 节 | 50分钟介绍 React 的历史、背景和每次版本更 ......
flask demo
from flask import Flask, request from flask_cors import CORS app = Flask(__name__) CORS(app) @app.route('/') def index(): return '欢迎使用 Flask Demo 应用！' ......
如何解决 React.useEffect() 的无限循环
[如何解决 React.useEffect() 的无限循环-react.useeffect](https://www.51cto.com/article/654928.html) 使用useEffect()时，你可能会遇到一个陷阱，那就是组件渲染的无限循环。在这篇文章中，会讲一下产生无限循环的常见场 ......
dhtmlx基本使用demo，vue
main.js 引入样式 import 'dhtmlx-gantt/codebase/dhtmlxgantt.css' 父组件： gangtData，数据 <ganttChart v-if="value8" :gangtData="gangtData" /> 子组件： <template> <div ......
electron - 快速了解
electron 前端可使用的桌面客户端。 包含 一个主进程-main.js 多个渲染进程-render.js文件 主线程和渲染进程的特殊方式进行传递数据，以下是简单的例子。 node需要10版本以上，并且git需要安装 渲染进程js 点击查看代码 ``` const { ipcRenderer } ......
Ubuntu react nginx pc和mobile兼容
需求：有两个react前端，分别放在服务器的/var/www/pc目录和/var/www/mobile目录下，在nginx上根据用户浏览器类型跳转到不同的前端文件 网上的这个方法不行： server { listen 80; listen x.x.x.x; server_name www.xxxx. ......
react-d3-tree自定义节点使用案例
react-d3-tree 主要 API 及其中文解释： 1. Tree 组件的 props：这些 API 提供了丰富的配置选项，可以用来定制树的外观和行为。例如，可以使用 nodeSize 属性调整节点的大小，使用 pathFunc 属性绘制自定义的连线，使用 onClick 属性处理节点的点击事 ......
react 内容
1、初始安装react+ts npx create-react-app my-app npx create-react-app react-ts --template typescript 安装为ts 2、安装好react 后面加上ts 2.1 tsc --init 生产tsconfig.js { ......
2023 React 18 系统入门 进阶实战《欢乐购》
第1章 为什么越来越多的工程师选用 React 4 节｜21分钟第2章 React 编程初体验 14 节｜193分钟第3章 React 基础语法 17 节｜271分钟第4章 React 高阶语法 13 节｜235分钟第5章 React 中常见的 TypeScript 类型定义第6章 实战“欢乐购”： ......
golang的list数据结构demo
package mainimport "container/list"func main(){ var mylist list.List //放在尾部 mylist.PushBack("go") mylist.PushBack("grpc") mylist.PushBack("mysql") //头 ......
跨平台GUI开发技术：QT，GTK+, C#(WinForm/WPF), Java(Swing/AWT/JavaFX), Electron, compose-multiplatform, Flutter, JS?
跨平台GUI开发技术：QT，GTK+, C#(WinForm/WPF), Java(Swing/AWT/JavaFX), Electron, compose-multiplatform, Flutter, JS? ......
React中编写操作树形数据的自定义Hook
### 什么是 Hook hook 即为钩子,是一种特殊的函数,它可以让你在函数式组件中使用一些 react 特性,目前在 react 中常用的 hook 有以下几类 - useState: 用于在函数组件中定义和使用状态(state)。 - useEffect:用于在函数组件中处理副作用,也可以模 ......
使用SpringBoot+React搭建一个Excel报表平台
> 摘要：本文由葡萄城技术团队于博客园原创并首发。转载请注明出处：[葡萄城官网](https://www.grapecity.com.cn/)，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 # 前言 Excel报表平台是一款功能强大、操作简单的系统平台，可以帮助用户上传、编辑和分析 ......
vue-electron 批量生成 PDF
> 最近有个需求，需要批量下载 pdf，单份还好，但多份时会超时。 需要改成一份一份下载，先选择下载的存储路径，再自动下载到选择的目录中，一开始使用了 will-download，但在测试过程中，测服下载速度很慢，发现保存地址还是会弹出来，下载一次弹出一份。 因此打算试试利用 electron 原来 ......
React 中的 JS 报错及容错方案
## 前言 导致白屏的原因大概有两种，一为资源的加载，二为 JS 执行出错 本文就 JS 中执行的报错，会比较容易造成"**白屏**"场景，和能解决这些问题的一些方法，作出一个汇总 ## 常见的错误 ### SyntaxError > **`SyntaxError`**（语法错误）对象代表尝试解析不 ......
Rust 使用egui创建一个简单的下载器demo
仓库连接: https://github.com/GaN601/egui-demo-download-util 这是我第一个rust gui demo, 学习rust有挺长时间了, 但是一直没有落实到实践中, 本着对桌面应用的兴趣, 考察了slint、egui两种框架, 最后还是选择了egui. 这 ......
前端框架及项目面试－聚焦Vue、React、Webpack
第1章 课程导学介绍课程制作的背景和课程主要内容。第2章 课程介绍先出几道面试真题，引导思考。带着问题来继续学习，效果更好。第3章 Vue 使用Vue 是前端面试必考内容，首先要保证自己要会使用 Vue 。本章讲解 Vue 基本使用、组件使用、高级特性和 Vuex Vue-router ，这些部分的 ......