Electron 简单搭建项目
准备工作
- 全局安装 node npm
- 创建文件夹，并执行
npm init - 安装 electron
npm i electron --save-dev - 在 package.json 配置文件中的scripts字段下增加一条start命令：
{"scripts": {"start": "electron ."}
}
- 由于配置中的入口文件是 main.js ，需要在根目录下创建 main.js
// main.js
// 这个文件控制主进程，运行在Node.js环境中，控制应用的生命周期，显示原生界面，执行特殊操作并管理渲染器进程。const { app, BrowserWindow } = require('electron')
const path = require('node:path')const createWindow = () => {const mainWindow = new BrowserWindow({width: 800,height: 600,webPreferences: {preload: path.join(__dirname, 'preload.js') // 预加载 js}})// 加载 index.htmlmainWindow.loadFile('index.html')// 打开开发工具// mainWindow.webContents.openDevTools()
}// 这段程序将会在 Electron 结束初始化和创建浏览器窗口的时候调用
// 部分 API 在 ready 事件触发后才能使用。
app.whenReady().then(() => {createWindow()app.on('activate', () => {// 在 macOS 系统内, 如果没有已开启的应用窗口// 点击托盘图标时通常会重新创建一个新窗口if (BrowserWindow.getAllWindows().length === 0) createWindow()})
})// 除了 macOS 外，当所有窗口都被关闭的时候退出程序。 因此, 通常
// 对应用程序和它们的菜单栏来说应该时刻保持激活状态, 直到用户使用 Cmd + Q 明确退出
app.on('window-all-closed', () => {if (process.platform !== 'darwin') app.quit()
})
- 创建 index.html
<!--index.html-->
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>Hello World!</title></head><body><h1>Hello World!</h1>We are using Node.js <span id="node-version"></span>,Chromium <span id="chrome-version"></span>,and Electron <span id="electron-version"></span>.</body>
</html>
- 创建 prelode.js
// preload.js
// 所有的 Node.js API接口 都可以在 preload 进程中被调用。它拥有与Chrome扩展一样的沙盒。
window.addEventListener('DOMContentLoaded', () => {const replaceText = (selector, text) => {const element = document.getElementById(selector)if (element) element.innerText = text}for (const dependency of ['chrome', 'node', 'electron']) {replaceText(`${dependency}-version`, process.versions[dependency])}
})
- 最后执行
npm run start启动应用
相关文章：
Electron 简单搭建项目
准备工作 全局安装 node npm创建文件夹，并执行 npm init安装 electron npm i electron --save-dev在 package.json 配置文件中的scripts字段下增加一条start命令： {"scripts": {"start": "electron ."} }由于配置中的入…...
旗晟智能巡检机器人：开启工业运维的智能化新篇章
在当今快速发展的工业领域，安全、效率和成本控制是企业运营的核心。旗晟科技以创新为驱动，推出了一站式的工业级智能巡检机器人数字化全景运维解决方案，为石油、天然气、化工、电力等高危行业提供了一个全新的运维模式。 一、面对挑战&#x…...
vue3的常用 Composition API有哪些？
Vue.js 3.0 引入了 Composition API，作为一种新的组织组件逻辑的方式，相比于传统的 Options API，Composition API 提供了更灵活、更可复用的代码组织方式。 以下是 Vue 3.0 中常用的 Composition API：setup() 函数： s…...
)
深度优先算法-DFS(算法篇)
算法之深度优先算法 深度优先算法(DFS) 概念： 深度优先算法(DFS)跟BFS算法一样是用于遍历图的算法，但是DFS并不像BFS算法一样，它搜索出来的路径不具有最短性，并且dfs算法类似于枚举，因此DFS算法一般用于求出问题的所…...
C++模块化之内部类
目录 1.引言 2.内部类的访问控制 3.优缺点分析 4.实际运用 4.1.实现复杂数据结构 4.2.封装细节实现 4.3.事件处理和回调 4.4.模板元编程辅助类 4.5. 访问控制和封装 4.6. 代码组织和模块化 5.总结 1.引言 在C中，内部类（Nested Classÿ…...
k8s-第九节-命名空间
命名空间 如果一个集群中部署了多个应用，所有应用都在一起，就不太好管理，也可以导致名字冲突等。 我们可以使用 namespace 把应用划分到不同的命名空间，跟代码里的 namespace 是一个概念，只是为了划分空间。 # 创建命…...
【AI大模型新型智算中心技术体系深度分析 2024】
文末有福利！ ChatGPT 系 列 大 模 型 的 发 布， 不 仅 引 爆 全 球 科 技 圈， 更 加 夯 实 了 人 工 智 能（Artificial Intelligence, AI）在未来改变人类生产生活方式、引发社会文明和竞争力代际跃迁的战略性地位。当…...
王道计算机数据结构+插入排序、冒泡排序、希尔排序、快速排序、简单选择排序
本内容是基于王道计算机数据结构的插入排序、冒泡排序、希尔排序、快速排序、简单选择排序整理。 文章目录 插入排序算法性能代码 冒泡排序算法性能代码 希尔排序算法性能代码 快速排序算法性能代码 简单选择排序算法性能代码 插入排序 算法 算法思想：每次将一个…...
---多线程上篇)
python爬虫学习(三十三天)---多线程上篇
hello，小伙伴们！我是喔的嘛呀。今天我们来学习多线程方面的知识。 目录 一、了解多线程 （1）大概描述 （2）多线程爬虫的优势 （3）多线程爬虫的实现方式 （4）…...
JavaScript 原型链那些事
在讲原型之前我们先来了解一下函数。 在JS中，函数的本质就是对象，它与其他对象不同的是，创建它的构造函数与创建其他对象的构造函数不一样。那产生函数对象的构造函数是什么呢？是一个叫做Function的特殊函数，通过newFu…...
nginx的知识面试易考点
Nginx概念 Nginx 是一个高性能的 HTTP 和反向代理服务。其特点是占有内存少，并发能力强，事实上nginx的并发能力在同类型的网页服务器中表现较好。 Nginx 专为性能优化而开发，性能是其最重要的考量指标，实现上非常注重效率&#…...
每日Attention学习9——Efficient Channel Attention
模块出处 [CVPR 20] [link] [code] ECA-Net: Efficient Channel Attention for Deep Convolutional Neural Networks 模块名称 Efficient Channel Attention (ECA) 模块作用 通道注意力 模块结构 模块代码 import torch import torch.nn as nn import torch.nn.functional …...
Java语言程序设计——篇三（1）
选择结构 概述选择单分支if语句例题讲解 双分支if-else语句例题讲解 条件运算符多分支的if-else语句例题讲解 嵌套的if语句例题讲解 switch语句结构例题讲解代码演示运行结果 概述 Java中的控制结构，包括： 1、选择结构( if、if-else、switch ) 2、循环结…...
基于SpringBoot实现轻量级的动态定时任务调度
在使用SpringBoot框架进行开发时，一般都是通过Scheduled注解进行定时任务的开发： Component public class TestTask {Scheduled(cron"0/5 * * * * ? ") //每5秒执行一次public void execute(){SimpleDateFormat df new SimpleDateFormat(…...
夸克升级“超级搜索框” 推出AI搜索为中心的一站式AI服务
大模型时代，生成式AI如何革新搜索产品？阿里智能信息事业群旗下夸克“举手答题”。7月10日，夸克升级“超级搜索框”，推出以AI搜索为中心的一站式AI服务，为用户提供从检索、创作、总结，到编辑、存储、分享的一…...
element-ui el-select选择器组件下拉框增加自定义按钮
element-ui el-select选择器组件下拉框增加自定义按钮 先看效果 原理：在el-select下添加禁用的el-option，将其value绑定为undefined，然后覆盖el-option禁用状态下的默认样式即可 示例代码如下： <template><div class…...
Python基于you-get下载网页上的视频
1.python 下载地址 下载 : https://www.python.org/downloads/ 2. 配置环境变量 配置 python_home 地址 配置 python_scripts 地址 在path 中加入对应配置 3. 验证 C:\Users>python --version Python 3.12.4C:\Users>wheel version wheel 0.43.04. 下载 c…...
大模型/NLP/算法面试题总结3——BERT和T5的区别？
1、BERT和T5的区别？ BERT和T5是两种著名的自然语言处理（NLP）模型，它们在架构、训练方法和应用场景上有一些显著的区别。以下是对这两种模型的详细比较： 架构 BERT（Bidirectional Encoder Representation…...
vue3项目打包的时候，怎么区别测试环境，和本地环境
在Vue 3项目中区别测试环境和本地环境，并标记接口的方法可以通过环境变量来实现。 首先，你可以在你的项目根目录下创建一个.env文件，并定义你的环境变量。比如，你可以创建.env.local作为本地环境的配置文件，.env.test…...
小特性 大用途 —— YashanDB JDBC驱动的这些特性你都get了吗？
在现代数据库应用场景中，系统的高可用性和负载均衡是确保服务稳定性的基石。YashanDB JDBC驱动通过其创新的多IP配置特性，为用户带来了简洁而强大的解决方案，以实现数据库连接的高可用性和负载均衡，满足企业级应用的高要求。 01 …...
如何3步解决网页数学公式复制到Word的世纪难题？
如何3步解决网页数学公式复制到Word的世纪难题？ 【免费下载链接】LaTeX2Word-Equation Copy LaTeX Equations as Word Equations, a Chrome Extension 项目地址: https://gitcode.com/gh_mirrors/la/LaTeX2Word-Equation 你是否曾为了将维基百科、学术论文或…...
3步快速上手Thorium浏览器：新手也能掌握的完整性能优化指南
3步快速上手Thorium浏览器：新手也能掌握的完整性能优化指南 【免费下载链接】thorium Chromium fork named after radioactive element No. 90. Source code and Linux releases. Windows/MacOS/ARM builds served in different repos, links are towards the top o…...
DO-254标准下的航空电子硬件需求追溯实践
1. DO-254标准与需求追踪的核心价值在航空电子硬件开发领域，RTCA/DO-254标准（在欧洲称为ED-80）是确保机载电子硬件(AEH)功能安全的关键规范。该标准于2005年获得FAA（美国联邦航空管理局）和EASA（欧洲航空安全…...
【高通SDM660平台】Camera 驱动 Bringup 实战：从 DTS 配置到 Vendor 模块集成
1. 高通SDM660平台Camera驱动Bringup概述 当你拿到一块基于高通SDM660平台的新硬件时，Camera驱动的Bringup工作可能会让你感到有些头疼。作为一个在这个领域摸爬滚打多年的工程师，我想分享一些实战经验，帮助你快速点亮Camera功能并完成基础调…...
告别语法冲突！用SLR分析法搞定编译原理中的移进/归约难题（附FOLLOW集实战）
告别语法冲突！用SLR分析法搞定编译原理中的移进/归约难题（附FOLLOW集实战） 当你第一次尝试构建LR(0)分析表时，是否遇到过这样的报错："状态I2存在移进/归约冲突"？这种既想移进又想归约的矛盾&…...
Python实战：三大曲线平滑技术对比与场景选型指南
1. 曲线平滑处理的必要性 当你处理传感器数据、金融时间序列或任何带有噪声的曲线时，原始数据往往像一条暴躁的蚯蚓——上下乱窜让人抓狂。我在处理工业传感器数据时就遇到过这种情况：一条本该平滑的温度曲线，因为电磁干扰变成了"心电图…...
Unitree GO2 ROS2系统架构深度解析与智能导航实现
Unitree GO2 ROS2系统架构深度解析与智能导航实现 【免费下载链接】go2_ros2_sdk Unofficial ROS2 SDK support for Unitree GO2 AIR/PRO/EDU 项目地址: https://gitcode.com/gh_mirrors/go/go2_ros2_sdk 本文深入探讨Unitree GO2 ROS2 SDK的架构设计与实现原理…...
CES 2012启示录：移动互联、生态连接与硬件创新的产业转折点
1. 从CES看消费电子行业的真实脉搏：一次资深记者的现场笔记 每年一月，拉斯维加斯都会成为全球科技界的风暴眼，CES（国际消费电子展）如期而至。对于像我这样跑了几十年科技线的老记者来说，CES早已超越了“展会…...
如何快速掌握OpenVSP：5个步骤完成参数化飞机设计
如何快速掌握OpenVSP：5个步骤完成参数化飞机设计 【免费下载链接】OpenVSP A parametric aircraft geometry tool 项目地址: https://gitcode.com/gh_mirrors/ope/OpenVSP 想要设计自己的飞机却担心复杂建模？OpenVSP这款由NASA开发的开源参数化飞…...
从零到一：在云端服务器安全部署Jupyter Lab/Notebook
1. 云端服务器基础环境准备 刚拿到一台全新的云服务器时，就像搬进毛坯房需要先通水电。我以阿里云ECS为例（其他云服务商操作类似），从系统初始化到基础安全加固，带你走完这段必经之路。 首先用SSH连接服务器时ÿ…...