草庐IT

vue-electron

全部标签

javascript - 在 Electron 中提供静态文件(React 应用程序)

我正在做一个项目,我需要在Electron中构建一个桌面应用程序。大多数功能将在React中构建,但有一部分我们需要集成第3方静态HTML杂志。我需要一些关于如何做到这一点的建议。我目前正在构建一个概念验证应用程序,并且基于此https://github.com/chentsulin/electron-react-boilerplate我如何将其添加到/static/我服务器静态HTML文件。我知道我可以在express中做到这一点,但我真的不想包含整个express框架只是为了提供静态文件。我在看这个https://www.npmjs.com/package/serve-static

javascript - 如何在 Electron 中访问 <webview> 的 DOM?

我刚刚开始使用Electron,之前使用过node-webkit(nw.js)。在nw.js中,我能够创建iframe,然后访问所述iframe的DOM,以获取标题、网站图标等内容。几天前当我选择Electron将我的nw.js应用程序移植到它时,我看到了使用webview而不是iframe的建议,仅仅是因为它们更好。现在,我上面提到的功能在nw.js中相对容易实现,但我不知道如何在Electron中实现(而且示例很少甚至没有)。谁能帮忙?另外,我的webview有后退/前进按钮(我打算有多个)。我在文档中看到我可以在webview上调用函数来执行此操作,但我尝试过的任何方法都不起作用

javascript - Vue 中的去抖计算属性/getter

我似乎无法去除(lodash)计算属性或vuexgetter。去抖函数总是返回未定义。https://jsfiddle.net/guanzo/yqk0jp1j/2/HTML:computed:{{textComputed}}debounced:{{textDebounced}}JS:newVue({el:'#app',data:{text:''},computed:{textDebounced:_.debounce(function(){returnthis.text},500),textComputed(){returnthis.text}}}) 最佳答案

javascript - 为什么 Vue.js 使用 VDOM?

AccordingtoVue.js'documentation,它在底层使用VDOM来呈现UI。据我了解,VDOM的发明主要是为了避免“跟踪依赖”。使用VDOM,可以在不知道到底发生了什么变化的情况下协调应用程序的更大部分。因此,可以使用普通对象和数组来描述View,只需要通知框架有关更改(如React中的setState)。然后,比较两个VDOM树并将所需的最小更改集应用到真实的DOM。另一方面,Vue.js使用跟踪依赖项。它确切地知道发生了什么变化,因此可以使用DOM绑定(bind)。此外,由于大多数Vue.js用户已经在使用模板语言,因此它并没有真正受益于VDOM提供的更大灵ac

javascript - 使用 React 或 Vue 增强多页面应用程序的某些部分

我正在服务器端使用java&hibernate&springmvc开发企业应用程序并使用jquery在客户端(不是SPA)。现在在搜索页面中,我使用ajax并仅获得json响应,但我不想在每个搜索或分页请求中都写如下内容。function(ajaxData){....$('#search').html(''+''+''+''+ajaxData.title+''+......''+'')....}我认为使用jsx和react或vuecomponent只是在这个页面刷新结果。我还想重用一些htmlblock,我认为使用react或vue会很容易我曾经构建过一个小的SPA项目,它都是关于np

javascript - 使用 Vue.js 的异步/等待 axios 调用

我在设置其中一个时遇到了一些麻烦。我的Vue.js应用程序中的值。我相信我要么没有正确理解异步axios调用,要么没有理解异步在Vue.js中的工作方式。我有以下三种方法:updateAvailability(availability){if(availability==true){this.showYourDetails();}else{this.showBookingDetails();}},checkAvailability:asyncfunction(event){event.preventDefault();constavailability=awaitthis.handle

javascript - Vue 子组件属性不起作用

我正在尝试破解此代码[A](请参阅底部的fiddle):{{file.__progress}}%进入[B]基本相同的代码,但随后带有一个子组件。这里是父级:这里是child:{{file.__progress}}%在child身上我设置了file属性:props:{file:{type:File,required:true}},父子代码中一定存在问题,因为file__img属性在[B]中的子项(渲染时)中不存在,请参阅:,而它确实存在于[A]中:怎么了?控制台没有错误。原始([A])代码来自here.FileObject由一个xhr实例组成(我想?!)。这里是[A]的fiddle/沙盒

javascript - Electron:从 main 调用渲染器函数

我在本地存储中有一些数据必须在app.quit()上删除。但是我从主要过程中看不到这样做的方法。有没有办法从main调用renderer函数?我知道varremote=require('remote');但它似乎只朝着错误的方向发展。 最佳答案 您可以通过webContents.send将消息从主进程发送到渲染器进程,如此处文档中所述:https://github.com/atom/electron/blob/master/docs/api/web-contents.md#webcontentssendchannel-arg1-ar

javascript - 如何在同一个应用程序中使用 2 个具有不同 baseURL 的 Axios 实例 (vue.js)

我正在尝试学习vue.js,所以我制作了一个小应用程序来显示来自API的新闻文章,并在另一个View中允许用户登录到另一个服务器。为此,我使用Axios。我知道我在某些时候让它工作得很好,但今天开始我的项目时,让两个api同时工作是不可能的。这是我的登录服务:importaxiosTrainingAPIfrom'axios'axiosTrainingAPI.defaults.baseURL='https://api.example.com'consttrainingAPI={login(credentials){returnnewPromise((resolve,reject)=>{a

javascript - Electron:如何最小化渲染过程中的窗口

场景我有一个窗口,它有一个用于打开窗口的添加任务按钮。每次用户单击它时,它都会打开一个窗口。我在addtaskwindow上有一个按钮可以最小化它。如何实现这个最小化按钮?代码我可以使用下面的代码关闭最大化窗口:varwinclose=function(){window.close();}varwinmaximize=function(){window.moveTo(0,0);window.resizeTo(screen.width,screen.height);}但是,我找不到任何可以从渲染过程中最小化窗口的函数。请帮忙,非常感谢;注意:浏览器不向开发人员提供最小化它们的功能。但在这