javascript everywhere all in one_xgqfrms-编程思维
JavaScript Everywhere All In One tags js Node.js Express.js MongoDB Apollo Client GraphQL API JWT OAuth 2.0 React React Native Electron https://github.com/javascripteverywhere https://www.jsevery
morethink program
JavaScript Everywhere All In One tags js Node.js Express.js MongoDB Apollo Client GraphQL API JWT OAuth 2.0 React React Native Electron https://github.com/javascripteverywhere https://www.jsevery
新用户购买《Electron + Vue 3 桌面应用开发》,加小册专属微信群,参与群抽奖,送《深入浅出Electron》、《Electron实战》作者签名版。 1等奖:《深入浅出Electron》+《Electron实战》 2等奖:《深入浅出Electron》 3等奖:《Electron实战》 抽奖活动是掘金组织的,仅限近几日加入微信群的新成员(目前人还不多),我负责抽奖、邮寄,11月2
IPCWebview内主动触发异步消息通知// preload.js - 在畫面轉譯處理序中 (網頁)。 const { ipcRenderer } = require('electron') ipcRenderer.on('need-clean-reply', (event, arg) => { console.log(arg) // 印出 "貓咪肚子餓" }) ipcRenderer
1、概述 开发平台OS:windows 开发平台IDE:vs code 本项目使用了一款Vue-CLI插件(vue-cli-plugin-electron-builder) 来构建 electron 桌面应用程序,其是对 electron-builder 进行了封装。 electron-builder:用来打包构建windows、macOS、linux平台的electron桌面应用程序,提供了开
1、概述 electron:使用javascript、css、html构建跨平台的桌面应用程序 vue:数据驱动视图中的一款渐进式的javascript框架 element:基于vue的桌面端UI组件库 开发平台OS:windows 开发平台IDE:vs code 构建项目模板由创建项目、改造项目、自定义标题栏、打包项目等几个篇章组成,最终产出物是将electron、vue、element三者结
1、概述 开发平台OS:windows 开发平台IDE:vs code 上一篇中已完成了electron-vue项目的创建,本篇章中则介绍在此项目基础上进行取消devtools的安装、项目结构的改造、环境变量的配置以及elementui的集成等。 2、取消devtools的安装 上一篇中在启动electron-vue项目时,会等待一段时间后才正常启动应用,此时查看控制台日志能看出来是它请求安
1、概述 开发平台OS:windows 开发平台IDE:vs code 本篇章将介绍自定义标题栏和右键菜单项,基于electron现有版本安全性的建议,此次的改造中主进程和渲染进程彼此语境隔离,通过预加载(preload.js)和进程间通信(ipc)的方式来完成。 2、窗口最大化 一些应用在实际情况中,希望启动的时候就以窗口最大化的方式呈现,BrowserWindow对象提供了窗口最大化的方法
说起桌面应用,想必大家使用过的就已经海了去了。什么暴风影音、QQ、skype之类的,早已不是新鲜事!不过大家有没有了解过如何编写一个桌面应用?历史上,我们都有哪些方式去编写桌面应用呢? 实际上,桌面应用的历史并不算久远,不去查找各种资料,仅凭记忆,我能想到的曾经出现过的桌面应用编写语言就有:C++、Delphi、VB、winForm、WPF、swing、awt、QT、flash、Objectiv
Electron使用了网页页面作为App的GUI,因此你可以将它看做是一个由JavaScript控制的一个小型的Chrome内核浏览器。 主进程VS渲染进程 主进程 在Electron中,跑package.json里的主脚本的进程叫作主进程。在主进程里跑的脚本可以通过创建web页面的窗口来扮演GUI角色。 主进程看起来就是一段脚本: const electron = require('elect
目录结构与文件 Electron App的目录结构如下: your-app/ ├── package.json ├── main.js └── index.html 其中的package.json和Node Modules里表现的一样,而main.js则是启动你App的脚本,它将会开启主进程。package.json的一个例子: { "name" : "your-app", "ve
背景 在折腾ES6,突然想起大学时用c语言写过俄罗斯方块,本项目中主要是利用ES6的Class特性进行面向对象编程。项目采用node.js v6.2.0 + electron v1.1.0 进行桌面开发,能跨所有平台运行。 思路 全面应用面向对象的设计思想,让功能内聚性强。 把七种方块想成独立的“生物”对象,让它能“看”到周围的世界。 没有使用传统的大的二维数组来表示游戏场面状态,而是让tet
Github 系列文章地址笔者前两天心血来潮做了个MACOS下可以进行OCR图文识别的小工具,发现Electron 在1.x之后API发生了挺大的变化,估计也是我好久没碰了,所以打算把这些系列整理下扔出来,有兴趣的也可以关注笔者的ElectronOCR这个实践项目,自认为还是有点用的,不过貌似没啥人喜欢。 Introduction Electron 可以让你使用纯 JavaScript 调用丰富
D-Day 2016 马上要进入尾声了,这一次分享,广州靓仔靓妹的好学,对技术的热情,都超乎了小编想象。 组队而来的开发者 好学的开发者 1 好学的开发者 2 好学的开发者 3 站立听讲的开发者 1 站立听讲的开发者 2 站立听讲的开发者 3 那么广州站的讲师们都带来了什么分享,跟着小编来瞅瞅吧 嘉宾分享 魅族前端开发李志伟,议题《Flyme hybird 优化实践》 首位分享嘉宾是魅族前端开发
关于 <WebView> <WebView>的 height、width 需要外面包裹一层<div>: handleResize(e) { this.setState({ width: window.innerWidth, height: window.innerHeight }); } componentDidMount() { wi
介绍 目前,使用前端技术开发桌面应用已经越来越成熟,这使得前端同学也可以参与桌面应用的开发。目前类似的工具有electron,NW.js等。这里我们着重介绍下electron。 electron开发 electron是基于Node.js和Chromium做的一个工具。electron是的可以使用前端技术实现桌面开发,并且支持多平台运行。下面来讲下如何使用electron开发桌面app。 hell
Electron 打包 删除无用文件 如:删除目录及子目录下的所有 *.map 文件: del /S *.map electron-packager npm install electron-packager --save-dev # 全局安装 npm install electron-packager -g 打包: electron-packager <sourcedir> <
本文主要介绍Electron应用如何打包成msi和exe文件。由于介绍Electron打包成msi和exe的文章很少,官方的文档也一笔带过,在研究的过程中踩了很多坑,所以写下此文,给其他人一个参考。关于Electron基础知识的文章,官方文档很详细,在此不再赘述,还没入门的童鞋可以看看方的入门文档:https://github.com/electron/e... <!-- more --&
原文链接:Auto-updating apps for Windows and OSX using Electron: The complete guide 2017.11.06 更新:electron-builder 提供了 electron-updater 模块,具体请查阅:《Quick and painless automatic updates in Electron》。 由于我之前也调
之前发过一个装逼的朋友圈:感谢 Electron,我现在有两个身份了:前端开发和 Mac 端开发。 今年开始了一个全新的产品,但项目组并没有 Mac 的开发人员,然后我们前端就顺利的扛下了这面大旗,并且选择了火爆的 Electron(4w+ star)。 年底了,看大家在写各种各样的年终总结,想着我和 Electron 也打情骂俏了好几个月,也该写点东西。不过 Electron 已经够火了,能