文章目录一、引言1、Electron是什么?2、为什么学Electron3、Electron的缺点4、学Electron的时候需要学的技术二、正文1、安装Node.js环境。2、Windows系统的先安装“创建cmd右键快捷访问方式”,能够右击快速打开路径的Cmd命令3、运行官方的demo。4、参考官方的文档,自己创建一个Electron项目。 一、引言1、Electron是什么?官网https
转载 2023-12-26 22:02:04
332阅读
The File Open DialogElectron不使用文件API,正如web应用一样,我们结合使用会话模块和Node的FS模块来完成文件操作。显示文件打开会话的基本方法是dialog.showOpenDialog。 首先将index.html的<body>中加入:<button id="select-directory">Choose a directory<
转载 2023-11-19 13:06:30
479阅读
Electron入门 (一)渲染进程与主进程通讯实现点击按钮 窗口尺寸变化 并且保持居中 首先我们要知道在Electron什么是 主进程 和 渲染进程主进程主进程,通常是名为main.js 的文件,是每个 Electron 应用的入口文件。它控制着整个 App 的生命周期,从打开到关闭。 它也管理着系统原生元素比如菜单,菜单栏,Dock 栏,托盘等。 主进程负责创建 APP 的每个渲染进程。
1. Electron 发展现状2020年5月SpaceX发射的Dragon 2载人航天飞船,使用了Chromium和JavaScript来构建用户界面。消息一出,立即引起了技术界的热烈关注,一个Web框架被使用到对效率和可靠性要求极高的航天应用场景,一方面反映了SpaceX在技术领域的敢于突破传统的实干精神,同时也把两个跨领域的技术:桌面客户端和Web技术栈的完美结合案例带入了大众的视野。&nb
转载 2023-11-24 09:35:26
119阅读
参考:      http://www.tuicool.com/articles/jYfuQfI   Electron官网  本文方法用于给存在index.html的项目添加一个桌面应用的外壳,可以使用exe打开。官网介绍Electron的应用是使用html,css,js创建跨平台的桌面app。全局安装elect
在Windows操作系统,我们经常会使用Electron框架来构建桌面应用程序。其中,设置任务栏透明度和垃圾桶图标的不同状态是两个常见的需求。在本篇博客,我将向您介绍如何使用Electron框架来实现这些功能。设置任务栏透明度在Windows,任务栏是一个重要的操作区域。有时候,我们需要将任务栏的透明度设置为不同的值。在Electron框架,我们可以使用WinAPI来实现这一功能。在应用程
为什么使用electron开发桌面应用?1)electron 能够使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用 2)electron 能够兼容到vue 、react 、angular 3)electron 可以在windows,linux,mac OS上面运行为什么不使用c++,c#?1)electron开发效率高,桌面效果更佳。 2)市面上c++,c#开发人员基本是稀
转载 2024-01-06 09:16:37
69阅读
篇主要对如下内容做个解答什么是同源策略Axios的跨域代理配置AxiosPayload,FormData,Query String Parameters的配置处理Vue的配置文件的proxyTableVue如何通过代码绑定样式什么是同源策略  同源策略是一种约定,它是浏览器最核心也最基本的安全功能,同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在
一. remote模块有时候,我们需要在渲染的窗口中打开新的窗口,也就需要在渲染进程中使用主进程的方法.当我们知道了Electron有主进程和渲染进程后,我们还要知道一件事,就是Electron的API方法和模块也是分为可以在主进程和渲染进程中使用。那如果我们想在渲染进程中使用主进程的模块方法时,可以使用Electron Remote解决在渲染和主进程间的通讯。 const btn = th
小拉在实际工作,接触C、C++多些,有时也需要开发串口、网络等工具类上位机桌面应用软件,当然可以直接使用QT、MFC等技术来开发也很方便;怎奈接触到前端技术后,羡慕前面做界面又美观、又快速,还有大量的UI框架,图表库使用。如果能够实现业务逻辑由C/C++开发,界面由纯html5开发,该有多好;我试着找到了还算好用的解决方案: 应用QWebchannel打通C++与JS的通信,Electron开发
要先来首歌么 border="0" width="330" height="86" src="//music.163.com/outchain/player?type=2&id=28613576&auto=0&height=66">简介官方的介绍是:搭建跨平台桌面应用仅仅使用JavaScript,HTML以及CSS。electron属于前端的桌面应用。还有一个类似的n
Electron是什么简介Demo展示解构任务Electron架构主进程渲染进程主进程与渲染进程的区别一个完整的 Electron 应用运行electron-prebuild手工下载 Electron 二进制文件WindowsLinuxOS X以发行版本运行 Electron是什么官方:Build cross platform desktop apps with JavaScript, HTML
electron渲染进程与主进程之间的通信 上一篇讲了使用electron进行打包的配置相关文件,这篇主要讲electron很重要的通信方式. 首先解释一个概念: electron打包的应用包含两个部分electron的环境(node),也就是主进程.web渲染环境,副进程.这两个环境之间是相互隔离的,无法直接进行数据通信,所以有了这篇文章.
转载 2024-01-04 19:37:29
224阅读
==引言==:Electron是目前非常流行的一种开发框架,它可以让你使用纯JS调用丰富的原生APIs来创造桌面应用。你可以把它看作是专注于桌面应用而不是web服务器。这不意味着 Electron是绑定了GUI库JavaScript。相反,Electron使用web页面作为它的GUI,所以你能把它看作成一个被JavaScript控制的,精简版的Chromium浏览器。一、搭建跨平台应用二、调用第三
转载 2024-08-05 12:30:47
169阅读
## 实现 Electron Axios ### 介绍 Electron 是一个用于构建跨平台桌面应用程序的开源框架。Axios 是一个基于 Promise 的 HTTP 客户端,用于浏览器和 Node.js。在 Electron 应用,我们可以使用 Axios 来进行网络请求。本文将介绍如何Electron使用 Axios 进行网络请求。 ### 整体流程 下面是使用 Elec
原创 2023-12-07 07:12:49
330阅读
转载:(第一个demo和安装依赖的包)一、简介      Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的,io.js 的一个变体。这不意味着 Electron 是绑定了 GUI 库的 JavaScript。相反,Electron 使用
一、控件或子窗口操作二、控件或窗口操作三、窗口子类化四、窗口超类化  一、控件或子窗口操作 ①GetDlgItem函数②GetDlgItemText函数③SetDlgItemText函数④SendDlgItemMessage函数 代码实例#include<windows.h> #include<CommCtrl.h> //使用Un
转载 2024-01-28 15:52:05
169阅读
重大变化此处将记录重大更改,并在可能的情况下(至少在进行更改之前)至少在一个主要版本向JS代码添加弃用警告。 重大变化的类型本文档使用以下约定对重大更改进行分类:更改了API :对API进行了更改,以确保未更新的代码会引发异常。行为已更改:Electron的行为已更改,但未必会引发异常。默认值已更改:取决于旧默认值的代码可能会中断,不一定会引发异常。可以通过显式指定值来恢复旧的行为。不
转载 2024-06-03 11:07:21
153阅读
Electron源码学习:Windows下子进程跟随父进程结束的方式前言 最近在nodejs中使用了child_process来创建进程,惊奇的发现当使用child_process.spawn函数来创建的子进程会跟随父进程一起被Kill掉,不管子进程处于何种状态下(即便子进程被挂起),都会被kill掉;而使用child_process.exec就不会。 基于此,研究的兴趣就来了。一直以来,都认为W
转载 2023-12-14 14:04:01
383阅读
electron中进行使用 ipcMain 和 ipcRenderer 模块,通过开发人员定义的“通道”传递消息来进行通信。 新的版本electron推荐使用上下文隔离渲染器进程进行通信,这种方式的好处是无需在渲染进程中直接使用ipcRenderer发送消息,这种在渲染进程调用nodejs对象的方法对于渲染进程有侵入性。当我们使用vue或者其他前端框架开发界面时,上下文隔离方式使用起来更加方
  • 1
  • 2
  • 3
  • 4
  • 5