electron

Loading preload script in Electron and Vue

吃可爱长大的小学妹 提交于 2021-02-16 14:39:30
问题 I am using Vue CLI 3 and vue-cli-plugin-electron-builder to package my Vue Electron app and I am not able to get my preload.js script for electron working. main window win = new BrowserWindow({ width: 800, height: 600 webPreferences: { nodeIntegration: false, preload: path.join(__dirname, "/../src/preload.js") // works but window.electron.dialog in undefined } }); preload.js const { dialog } = require("electron"); window.electron = {}; window.electron.dialog = dialog; The window.electron

我的 1024 仪式感...

元气小坏坏 提交于 2021-02-15 09:32:38
我的1024仪式感... 福利一:前端书籍/红包抽奖 奖品如下: 《JavaScript编程精解》x1 《Electron实战》x1 ¥10.24 x5 主要是为了感谢大家对前端Q的支持,给大家送红包来了。 本次活动,仅限前端Q的粉丝且从事IT行业的参与(公众号号主参与无效),开奖前没有关注 前端Q 公众号的视为无效哈~ 参与方式: 公众号后台回复 1024 开奖时间 : 2020年10月24号 星期天 晚上10:24 领奖方式 : 开奖后联系我 winty230 加群福利: 若开奖后中奖的人在前端Q技术交流群则可另外获得随机红包一个~,扫下面的二维码回复 加群 即可加入技术群哦 福利二:在看随机抽5位同学发红包 在本文点在看,我这里是能看到谁点了在看的,随机抽 5 名可以获得红包¥10.24一个~ 本活动一切解释权归前端Q所有!!! 最后 欢迎加我微信(winty230),拉你进技术群,长期交流学习... 欢迎关注「前端Q」,认真学前端,做个专业的技术人... 点个 在看 支持我吧 本文分享自微信公众号 - 前端Q(luckyWinty)。 如有侵权,请联系 support@oschina.cn 删除。 本文参与“ OSC源创计划 ”,欢迎正在阅读的你也加入,一起分享。 来源: oschina 链接: https://my.oschina.net/u/2446875/blog

高盛分析师转职科学家,革新热离子转化器将家用燃气设备变发电机

元气小坏坏 提交于 2021-02-14 09:31:16
  今天,我们如此享受电力所带来的便利,但很少有人关心,我们主要依赖的集中式蒸汽发电已经驱动世界运转了超过一个世纪。   如今,出生于台湾高雄,哈佛大学物理系博士毕业的华人科学家潘世昂,正在试图为每个家庭带来新的发电方式:将你家中多余的热能有效转化成电能。   他参与创立的公司 Modern Electron 参考了传统的热离子转换器——能够将热能直接转化为电能的老旧技术——通过计算机模拟和应用新材料,开发出了新型的热离子转换器,提升了能量的转化效率。   潘世昂也因此入选了《麻省理工科技评论》2020 年度全球 “35 岁以下科技创新 35 人” 全球榜单(TR35)。   潘世昂认为,Modern Electron 的技术能够将家用的燃气热水器、锅炉等变成迷你家用发电机,在家就能发电。他表示,这将会是一种比集中发电更便宜、更有效率的家用发电方式,尤其是与家用太阳能电池结合使用的时候。   家用分布式发电系统   将热能转化成电能不是一个新的概念,事实上,这项技术已经成熟应用了数十年。   比如需要在太空当中长时间工作的卫星,过去有些搭载热离子空间核电源,原理是将核反应堆裂变产生的热能通过热离子能量转换器,直接转变为电能,从上个世纪美苏太空竞赛开始,人类对这一技术已有长期的研究,如今热离子空间核电源尺寸小、重量轻、寿命长,是不少航天器中的理想电源。   显而易见

翻译 | 《JavaScript Everywhere》第2章 项目简介(^_^)

不羁的心 提交于 2021-02-11 20:55:52
翻译 | 《JavaScript Everywhere》第2章 项目简介(^_^) 写在最前面 大家好呀,我是毛小悠,是一位前端开发工程师。正在翻译一本英文技术书籍。 为了提高大家的阅读体验,对语句的结构和内容略有调整。如果发现本文中有存在瑕疵的地方,或者您有任何意见或者建议,可以在评论区留言,或者加我的微信:code_maomao,欢迎相互沟通交流学习。 (σ゚∀゚)σ..:*☆哎哟不错哦 第2章 项目简介 想象一下,你站在当地的一家小餐馆的店铺前,决定在那里点一个三明治。服务员把你点的菜都写在一张纸上,然后把纸递给厨师。厨师阅读订单,使用单独的配料来制作三明治,并将三明治交给服务员。服务员会把三明治拿给你吃。如果你想要一些甜点,这个过程会再次重复。 应用程序编程接口(API)是一组规范,它允许一个计算机程序与另一个计算机程序进行交互。 Web API的工作方式与订购三明治的方式几乎相同。客户端请求一些数据,该数据通过超文本传输协议(HTTP)传输到Web服务器应用程序,Web服务器应用程序接受请求并处理数据,然后将数据通过HTTP发送给客户端。在本章中,我们将探讨Web API的广泛内容,并通过将starter API项目克隆到本地计算机上来开始我们的开发。但是,在进行此操作之前,让我们先探讨将要构建的应用程序的需求。 在本书中

use vue.js with chartist.js to create a chart that track balance progress

谁都会走 提交于 2021-02-11 17:40:58
问题 I'm doing some training to better learn how to use vue.js and electron. I've decided to make a simple app to track the profit/loose of a trading day. I will calculate the difference between the end balance and the start balance of every day with a subtraction operation. After some trouble I'm able to get the result of the operation on the DOM using the computed function of vue. What I want to do is to use chartist.js to create a simple chart that will track the results after it is calculated.

Error loading TensorflowJS in Electron App (Nodejs)

情到浓时终转凉″ 提交于 2021-02-11 17:25:20
问题 I am trying to get tensorflow working in my electron app using tensorflow js. Here are the details of the various versions: Nodejs: v14.4.0 @tensorflow/tfjs - 2.0.0 @tensorflow/tfjs-node - 2.0.0 electron - 1.8.8 When I try to load the tfjs module using: const tf = require('@tensorflow/tfjs'); I get the following error: I have looked everywhere but can't seem to find anything relevant for this error. Any help would be much appreciated. 回答1: SOLUTION The issue seems to be one of competing

Add JQuery Toggle Class in Stencil/Electron

百般思念 提交于 2021-02-11 15:37:42
问题 I'm building an electron app with stencil. I want to make a div-container visible, when I click a button. I imported jQuery library but the function doesn't make the toggleClass-method. It just shows the console.log(). Can please someone help me? my-component.tsx code: import { Component, Prop, Listen} from '@stencil/core'; import $ from 'jquery'; @Component({ tag: 'aufklapp-button', styleUrl: 'aufklapp-button.css', shadow: true }) export class AufklappButton { @Prop() test: string; @Listen(

How to activate / deactivate an Electron.js submenu from inside a Vue.js Component according to a specific Vuex state?

拥有回忆 提交于 2021-02-11 14:14:51
问题 I can't find the solution to this anywhere. I have this sample vue-vuex-electron app that I've created and I want to enable / disable some submenus of the app according to whether the vuex state 'isLogged' is true or false. I managed to apply that to the nav router-links (using v-if), but not yet to the menu items... 'cause I don't know how to access the actual Menu (already set and rendered at the main process). For example, at my Home.vue, I'd like to import the Electron.Menu of the app and

Electron app notification states the app sending notification is electron.app.<App Name> even after packaging

一个人想着一个人 提交于 2021-02-11 14:11:35
问题 After making a basic CPU Monitor app (https://drive.google.com/drive/folders/1f5yGQc4LFGj2baEjyHl5TT_LD5kM09uZ?usp=sharing) which sends notification when the cpu utilization goes over a certain percentage, I packaged the project. But the notification states that the app creating the notification is electron.app.CPU Monitor in place of CPU Monitor . How to exclude the unnecessary electron.app part? 回答1: This appears to have been answered recently: how can you overwrite or remove the signature

How should multiple HTML files be rendered in a single window within Electron?

≡放荡痞女 提交于 2021-02-11 13:41:31
问题 I've been playing with Electron and after experimenting with several of the templates, apps and navigating through apps on Electron's site I'm somewhat confused on how to render several HTML files within a single frame and BrowserWindow. Researching through the topic I understand I would use BrowserWindow to create a new window from app.on ready but I would like to figure out to build a side nav that would load content into a div , for example: .navbar-global { background-color: grey; }