突然让你开发Electron应用，你能hold住吗？如果领导突然说需要开发一款前端桌面端应用，那么对于我们前端er来说选择Electron是一件顺理成章的事情。但事实上很多同学对于Electron都不太了解和熟悉。如果突然让我们去开发Electron应用，很多人都会陷入迷茫和懵逼的状态。然后在依靠网上相对较少的资料，慢慢摸索、一路踩坑的完成Electronn的需求。为了解决上述问题，我们完成了一个
转载
2021-02-09 20:51:27
552阅读
2评论
转载：(第一个demo和安装依赖的包)一、简介 Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的，io.js 的一个变体。这不意味着 Electron 是绑定了 GUI 库的 JavaScript。相反，Electron 使用
转载
2024-05-28 17:27:03
90阅读
主进程api 1.1 Electron app 模块：app 模块是为了控制整个应用的生命周期设计的。 1.2 Electron autoUpdater 模块：这个模块提供了一个到 Squirrel 自动更新框架的接口。 1.3 Electron BrowserWindow 模块：BrowserWindow 类让你有创建一个浏览器窗口的权力。 1.4 Electron contentTracing
转载
2023-12-07 15:24:43
141阅读
最近一直在做Electron的项目,随着项目的上线,在此做一点总结。本文主要记录一些坑点，整个Electron的搭建流程有很多文章说的非常好了，就不赘述了。主要包括关于主进程和渲染进程通信的痛点持久化数据的方案选型打包后文件目录的访问权限关于主进程和渲染进程通信的痛点先看一下官方的说明Electron为主进程( main process)和渲染器进程(renderer processes)通信提供
转载
2024-01-20 17:39:07
148阅读
electron debugger在开发过程中我们经常需要对某一功能进行调试，electron也不例外。 electron有主进程和渲染进程，所以调试部分也分为两大块，即调试主进程和渲染进程渲染进程调试渲染进程和调试浏览器的方法基本差不多。在运行electron 应用之后可以通过下面两种方式打开调试工具手动打开View->Toogle Developer Tools的方式打开 如下图：代码打
转载
2023-07-11 12:03:20
230阅读
在桌面程序中，使用C#语言可以创建winform和WPF程序，他们2个在Windows中都非常的优秀，还有就是使用QT开发桌面，可以跨平台开发，这三种都是比较“正规”的，而Electron是使用框架开发桌面程序的，还有其他的框架也可以开发桌面程序等等。下面介绍一下Electron开发桌面程序，只要会使用vue，那么使用Electron也非常的简单。官网如下：简介 | Electron本案例环境wi
转载
2024-07-26 07:54:17
452阅读
五、Electron 191、什么是 Electron参见 PPT。2、Electron 初探2.1 常见的桌面GUI工具介绍名称语音优点缺点QTC++跨平台、性能好、生态好依赖多，程序包大PyQTPython底层集成度高、易上手授权问题WPFC#类库丰富、扩展灵活只支持Windows，程序包大WinFormC#性能好，组件丰富，易上手只支持Windows，UI差SwingJava基于AWT，组件
转载
2024-07-05 20:27:02
76阅读
安装electron依赖。
原创
2024-08-18 15:32:35
76阅读
(1). 背景:①. 业务发展,需要用到桌面端技术:
a. 如离线可用、调用桌面系统能力.
②. 桌面端的开发方式:
a. Native、QT、Flutter、NW、Electron、Tarui1. 技术选型是ElectronElectron是一个可以使用Web技术来开发跨平台桌面应用的开发框架(1). 其技术组成如下:①. Electron = Chromium + Node.
原创
2023-11-06 17:03:08
126阅读
在electron中进行使用 ipcMain 和 ipcRenderer 模块，通过开发人员定义的“通道”传递消息来进行通信。 新的版本中electron推荐使用上下文隔离渲染器进程进行通信，这种方式的好处是无需在渲染进程中直接使用ipcRenderer发送消息，这种在渲染进程中调用nodejs对象的方法对于渲染进程有侵入性。当我们使用vue或者其他前端框架开发界面时，上下文隔离方式使用起来更加方
转载
2024-02-23 16:58:54
165阅读
一、项目结构 二、实现代码index.html<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>测试</title>
<script src="index.js"></script>
<
转载
2024-01-01 06:39:49
196阅读
electron实现打印功能，支持静默打印、无感打印实现思路业务上目前有两种打印的方法：webview标签：electron提供webview用于在一个独立的 frame 和进程里显示外部 web 内容。但是在Electron >= 5中是禁用该标签的，所以就直接放弃它。webContent.print方法：webCompent是主进程用来渲染和控制网页的对象，而它的print方法是用来打印
转载
2024-03-22 07:02:56
205阅读
Electron 是什么定义Electron是一个能让你使用传统前端技术（Nodejs, Javascript, HTML, CSS）开发一个跨平台桌面应用的框架。这里所说的桌面应用指的是在Windows、OSX及Linux系统上运行的程序。历史2013年的时候，Atom编辑器问世，作为实现它的底层框架Electron也逐渐被熟知，到2014年时被开源，那时它还是叫Atom Shell。接下来的几
转载
2023-11-13 15:04:35
257阅读
项目中，有时会需要将Web页面应用打包为桌面程序。像visual studio code就是使用Web页面打包的桌面程序。 本文记录了使用Electron打包Angular项目的步骤。前提条件是已有项目已经按照
转载
2024-06-28 06:20:43
412阅读
【前言】js技术栈开发桌面端很大的优势就是ui界面开发比较快，对比原生的桌面端开发要快很多，并且基于chromium内核，支持最新的html5，css3特性，又可以开发出很酷炫的ui。总结一下就是electron开发ui界面，又快又好～【打包代码结构调整】接上一篇文章的代码结构，如下，只有src内是最终桌面应用的代码，其余的是提供electron开发环境&打包相关的代码，为了方
转载
2023-09-23 10:01:37
482阅读
electron学习教程1.介绍2.五分钟快速上手2.1 先创建index.html文件2.2 再创建main.js文件2.3 再安装electron2.2 配置为入口文件2.5 运行3.自动刷新页面4.主进程和渲染进程5.自定义原生菜单5.1 自定义菜单5.2 给菜单定义点击事件5.3 抽离定义 打开调试5.4 自定义顶部菜单 支持拖拽5.5 点击创建新窗口5.6 点页面打开外部浏览器6 打开
转载
2024-06-12 10:36:43
140阅读
Electron 学习文档：://electronjs.org/docs/tutorial/first-app概述1、Electron 可以使用 JavaScript 来调用原生（操作系统）APIs 来创建桌面应用。2、可以把 Electron 看作一个 NodeJs 的变体，它专注于桌面应用，而不是web服务器。3、Electron 不是某个图形界面库的 JavaScript
转载
2024-01-31 00:05:45
174阅读
什么是 Electron？介绍使用 JavaScript, HTML 和 CSS 构建跨平台（Windows、MacOs、Linux）的桌面应用——这是Electron官网的简介最初被GitHub开发，2013年4月11日以Atom Shell为名起步，2014年5月16日开源，2015年4月17日改名为Electron。组成Chromium : 为Electron提供了强大的UI能力，可以不考虑
转载
2024-04-24 13:12:48
131阅读
官方网站：https://www.electronjs.org/ 开发文档：https://www.electronjs.org/docs 开发API：https://www.electronjs.org/zh/docs/latest/api/app注意：如果用的是最新的electron，应该看最新的文档，有可能出现api不兼容的问题。1.功能介绍： Electron 基于 Chromium 和
转载
2023-12-05 15:19:44
125阅读
这一章虽然比较硬核，但大部分都是高中物理学过的知识
并且对于高中熟知的一些公式 (电压/电流有效值) 之类的将会给出推导 (毕竟现在会积分了)，所以还是很值得学习的一 part原子 AtomAll MATTERS are made of atoms.电子 electron: negatively charged atomic particles质子 proton: positively charg
转载
2024-04-12 22:36:26
132阅读
