electron是什么以及可以做什么_liulun-编程思维

新用户购买《Electron + Vue 3 桌面应用开发》,加小册专属微信群,参与群抽奖,送《深入浅出Electron》、《Electron实战》作者签名版。 1等奖:《深入浅出Electron》+《Electron实战》 2等奖:《深入浅出Electron》 3等奖:《Electron实战》 抽奖活动是掘金组织的,仅限近几日加入微信群的新成员(目前人还不多),我负责抽奖、邮寄,11月2

electron包管理技术探索 - 编程思维

IPCWebview内主动触发异步消息通知// preload.js - 在畫面轉譯處理序中 (網頁)。 const { ipcRenderer } = require('electron') ipcRenderer.on('need-clean-reply', (event, arg) => { console.log(arg) // 印出 "貓咪肚子餓" }) ipcRenderer

从零开始wails2编写web桌面应用 - 编程思维

从零开始Wails2编写Web桌面应用前端要写桌面应用的话首先想到的肯定是Electron,Electron的应用成熟度已经无可置疑,但包体积始终是个令人头疼的问题。如果很在意体积问题,而且喜欢尝试新技术的话,在现代其他编程语言不断侵入前端生态的情况下,我们选择的眼光也不一定要局限在JavaScript上。Wails就是基于Go+Web技术的桌面应用程序生成的项目,其前端渲染层使用的是脱胎于Edg

基于electron+vue+element构建项目模板之【打包篇】_李拜天呀-编程思维

1、概述 开发平台OS:windows 开发平台IDE:vs code 本项目使用了一款Vue-CLI插件(vue-cli-plugin-electron-builder) 来构建 electron 桌面应用程序,其是对 electron-builder 进行了封装。 electron-builder:用来打包构建windows、macOS、linux平台的electron桌面应用程序,提供了开

基于electron+vue+element构建项目模板之【创建项目篇】_李拜天呀-编程思维

1、概述 electron:使用javascript、css、html构建跨平台的桌面应用程序 vue:数据驱动视图中的一款渐进式的javascript框架 element:基于vue的桌面端UI组件库 开发平台OS:windows 开发平台IDE:vs code 构建项目模板由创建项目、改造项目、自定义标题栏、打包项目等几个篇章组成,最终产出物是将electron、vue、element三者结

基于electron+vue+element构建项目模板之【改造项目篇】_李拜天呀-编程思维

1、概述 开发平台OS:windows 开发平台IDE:vs code 上一篇中已完成了electron-vue项目的创建,本篇章中则介绍在此项目基础上进行取消devtools的安装、项目结构的改造、环境变量的配置以及elementui的集成等。   2、取消devtools的安装 上一篇中在启动electron-vue项目时,会等待一段时间后才正常启动应用,此时查看控制台日志能看出来是它请求安

基于electron+vue+element构建项目模板之【自定义标题栏&右键菜单项篇】_李拜天呀-编程思维

1、概述 开发平台OS:windows 开发平台IDE:vs code 本篇章将介绍自定义标题栏和右键菜单项,基于electron现有版本安全性的建议,此次的改造中主进程和渲染进程彼此语境隔离,通过预加载(preload.js)和进程间通信(ipc)的方式来完成。 2、窗口最大化  一些应用在实际情况中,希望启动的时候就以窗口最大化的方式呈现,BrowserWindow对象提供了窗口最大化的方法

用electron写桌面应用 - 编程思维

说起桌面应用,想必大家使用过的就已经海了去了。什么暴风影音、QQ、skype之类的,早已不是新鲜事!不过大家有没有了解过如何编写一个桌面应用?历史上,我们都有哪些方式去编写桌面应用呢? 实际上,桌面应用的历史并不算久远,不去查找各种资料,仅凭记忆,我能想到的曾经出现过的桌面应用编写语言就有:C++、Delphi、VB、winForm、WPF、swing、awt、QT、flash、Objectiv

electron初步【01】--主进程vs渲染进程&不同页面间共享数据 - 编程思维

Electron使用了网页页面作为App的GUI,因此你可以将它看做是一个由JavaScript控制的一个小型的Chrome内核浏览器。 主进程VS渲染进程 主进程 在Electron中,跑package.json里的主脚本的进程叫作主进程。在主进程里跑的脚本可以通过创建web页面的窗口来扮演GUI角色。 主进程看起来就是一段脚本: const electron = require('elect

用electron制作俄罗斯方块游戏 - 编程思维

背景 在折腾ES6,突然想起大学时用c语言写过俄罗斯方块,本项目中主要是利用ES6的Class特性进行面向对象编程。项目采用node.js v6.2.0 + electron v1.1.0 进行桌面开发,能跨所有平台运行。 思路 全面应用面向对象的设计思想,让功能内聚性强。 把七种方块想成独立的“生物”对象,让它能“看”到周围的世界。 没有使用传统的大的二维数组来表示游戏场面状态,而是让tet

electron入门介绍 - 编程思维

Github 系列文章地址笔者前两天心血来潮做了个MACOS下可以进行OCR图文识别的小工具,发现Electron 在1.x之后API发生了挺大的变化,估计也是我好久没碰了,所以打算把这些系列整理下扔出来,有兴趣的也可以关注笔者的ElectronOCR这个实践项目,自认为还是有点用的,不过貌似没啥人喜欢。 Introduction Electron 可以让你使用纯 JavaScript 调用丰富

一场站着听完的 d-day——广州站「前端移动端」专场回顾 - 编程思维

D-Day 2016 马上要进入尾声了,这一次分享,广州靓仔靓妹的好学,对技术的热情,都超乎了小编想象。 组队而来的开发者 好学的开发者 1 好学的开发者 2 好学的开发者 3 站立听讲的开发者 1 站立听讲的开发者 2 站立听讲的开发者 3 那么广州站的讲师们都带来了什么分享,跟着小编来瞅瞅吧 嘉宾分享 魅族前端开发李志伟,议题《Flyme hybird 优化实践》 首位分享嘉宾是魅族前端开发

electron 填坑之旅 - 编程思维

关于 <WebView> <WebView>的 height、width 需要外面包裹一层<div>: handleResize(e) { this.setState({ width: window.innerWidth, height: window.innerHeight }); } componentDidMount() { wi

一口气完成electron的入门学习 - 编程思维

介绍 目前,使用前端技术开发桌面应用已经越来越成熟,这使得前端同学也可以参与桌面应用的开发。目前类似的工具有electron,NW.js等。这里我们着重介绍下electron。 electron开发 electron是基于Node.js和Chromium做的一个工具。electron是的可以使用前端技术实现桌面开发,并且支持多平台运行。下面来讲下如何使用electron开发桌面app。 hell

electron 打包 - 编程思维

Electron 打包 删除无用文件 如:删除目录及子目录下的所有 *.map 文件: del /S *.map electron-packager npm install electron-packager --save-dev # 全局安装 npm install electron-packager -g 打包: electron-packager <sourcedir> <

手把手教你把前端代码打包成msi和exe文件 - 编程思维

本文主要介绍Electron应用如何打包成msi和exe文件。由于介绍Electron打包成msi和exe的文章很少,官方的文档也一笔带过,在研究的过程中踩了很多坑,所以写下此文,给其他人一个参考。关于Electron基础知识的文章,官方文档很详细,在此不再赘述,还没入门的童鞋可以看看方的入门文档:https://github.com/electron/e... <!-- more --&

我眼中的 electron - 编程思维

之前发过一个装逼的朋友圈:感谢 Electron,我现在有两个身份了:前端开发和 Mac 端开发。 今年开始了一个全新的产品,但项目组并没有 Mac 的开发人员,然后我们前端就顺利的扛下了这面大旗,并且选择了火爆的 Electron(4w+ star)。 年底了,看大家在写各种各样的年终总结,想着我和 Electron 也打情骂俏了好几个月,也该写点东西。不过 Electron 已经够火了,能