随笔分类 -  919.Electron

1 2 下一页

electron-vue 打包 Windows/Mac 上可以安装的软件以及修改软件名称软件版本号等
摘要:electron-forge、electron-vue 打包命令 1、electron 中构建应用最常用的模块: 1、electron-packager 2、electron-builder electron-packager 和 electron-builder 在自己单独创建的应用用也可以完成打 阅读全文

posted @ 2021-02-26 09:55 LoaderMan 阅读(1361) 评论(0) 推荐(0)

Electron-Vue 操作本地数据库nedb
摘要:electron应用操作数据的几种方法: 1、远程api接口 (多个客户端公用一套数据) * 2、连接远程数据库 (局域网内使用 多个客户端公用一套数据 ) (不建议使用) 3、连接本地数据库 (nedb sqlite) 应用本地保存数据(localstore 5M) 用户设置信息 qq聊天记录 e 阅读全文

posted @ 2021-02-24 14:39 LoaderMan 阅读(2264) 评论(0) 推荐(0)

electron-vue 隐藏顶部菜单 隐藏导航 、自定义导航
摘要:myheader.vue <template> <div id="myHeader"> <div class="titlebtn"> <div class="min" @click="min"> <img src="../assets/min.png" alt=""></div> <div clas 阅读全文

posted @ 2021-02-17 21:43 LoaderMan 阅读(2865) 评论(0) 推荐(0)

electron-vue UI框架 ElementUi的使用、 electron-vue 中使用sass
摘要:文档:http://element-cn.eleme.io/#/zh-CN/component/installation 01、electron-vue中使用element-ui: 1.安装npm i element-ui -S 2、引入以及配置element-ui renderer/main.js 阅读全文

posted @ 2021-01-15 09:45 LoaderMan 阅读(990) 评论(0) 推荐(0)

electron-vue 中使用Electron Api和nodejs以及主进程渲染通信
摘要:app.vue <template> <div id="app"> <div class="header"> <router-link to='home'>首页</router-link> <router-link to='news'>新闻</router-link> </div> <router- 阅读全文

posted @ 2021-01-11 11:29 LoaderMan 阅读(2761) 评论(0) 推荐(0)

electron-vue 环境搭建、创建项目
摘要:npm install -g vue-cli vue init simulatedgreg/electron-vue my-project cd my-project yarn # or npm install yarn run dev # or npm run dev electron-vue 的 阅读全文

posted @ 2021-01-07 09:53 LoaderMan 阅读(322) 评论(0) 推荐(0)

Electron 注册全局快捷键(globalShortcut) 以及 clipboard剪切板事件(实现类似播放器点击机器码自动复制功能)
摘要:globalShortcart.js引入到主进程里 var { globalShortcut ,app} =require('electron'); app.on('ready',function(){ //注册全局快捷键 globalShortcut.register('ctrl+e',funct 阅读全文

posted @ 2021-01-06 17:18 LoaderMan 阅读(676) 评论(0) 推荐(0)

Electron实现消息通知、监听网络变化、网络变化弹出通知框
摘要:ipcrender.js //h5通知api实现 // var path=require('path'); // var option={ // title:'electron 通知api', // body:'electron跨平台软件开发教程更新了,electron 通知', // icon:p 阅读全文

posted @ 2021-01-04 18:01 LoaderMan 阅读(2156) 评论(0) 推荐(0)

Electron简易编辑器实现:打开保存文件,自定义菜单,代码高亮提示等功能
摘要:ipcmain.js var {Menu,shell,ipcMain,BrowserWindow,app} =require('electron'); var template = [ { label: '文件', submenu: [ { label: '新建', accelerator:"Ctr 阅读全文

posted @ 2020-12-31 14:32 LoaderMan 阅读(896) 评论(0) 推荐(0)

Electron系统托盘,托盘右键菜单、托盘图标闪烁 点击右上角关闭按钮隐藏到托盘
摘要:ipcmain.js var {Menu,Tray,BrowserWindow,app}=require('electron'); var path=require('path'); var iconTray=new Tray(path.join(__dirname,'../static/lover 阅读全文

posted @ 2020-12-31 14:31 LoaderMan 阅读(1589) 评论(0) 推荐(0)

Electron dialog 弹出框
摘要:dialog 模块提供了 api 来展示原生的系统对话框,例如打开文件框,alert 框, 所以 web 应用可以给用户带来跟系统应用相同的体验。 dialog.js var {remote}=require('electron'); //https://electronjs.org/docs/ap 阅读全文

posted @ 2020-12-30 10:17 LoaderMan 阅读(4782) 评论(0) 推荐(0)

Electron Shell模块在用户默认浏览器中打开URL以及Electron DOM webview 标签
摘要:index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta 阅读全文

posted @ 2020-12-28 09:18 LoaderMan 阅读(961) 评论(0) 推荐(0)

Electron通过 BrowserWindow 和 webContents 模块实现渲染进 程和渲染进程的通信
摘要:ipcmain.js var {ipcMain,BrowserWindow} =require('electron'); var path=require('path'); var win=null; //接收到广播 ipcMain.on('openWindow',function(event,ai 阅读全文

posted @ 2020-12-23 14:54 LoaderMan 阅读(1988) 评论(0) 推荐(0)

electron-localstorage渲染进程和渲染进程传值
摘要:index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta 阅读全文

posted @ 2020-12-17 21:45 LoaderMan 阅读(1696) 评论(0) 推荐(0)

electron主进程和渲染进程通信打开新窗口
摘要:ipcmain.js var {ipcMain,BrowserWindow} =require('electron'); var path=require('path'); var win=null; //接收到广播 ipcMain.on('openWindow',function(){ //调用 阅读全文

posted @ 2020-12-11 21:03 LoaderMan 阅读(1165) 评论(0) 推荐(0)

Electron 主进程与渲染进程之间的通 信(同步通信、异步通信)
摘要:有时候我们想在渲染进程中通过一个事件去执行主进程里面的方法。或者在渲染进程中通知 主进程处理事件,主进程处理完成后广播一个事件让渲染进程去处理一些事情。这个时候就 用到了主进程和渲染进程之间的相互通信。 Electron 主进程,和渲染进程的通信主要用到两个模块:ipcMain 和 ipcRende 阅读全文

posted @ 2020-12-08 20:59 LoaderMan 阅读(1419) 评论(0) 推荐(0)

Electron 自定义软件顶部菜单、右键菜单以及绑定快捷键
摘要:顶部菜单 main/menu.js //创建菜单 /* var electron=require('electron'); var Menu=electron.Menu; vscode里面实现代码提示功能: 在当前项目安装一下 electron模块。 "dependencies": { "elect 阅读全文

posted @ 2020-12-03 11:33 LoaderMan 阅读(3292) 评论(0) 推荐(0)

Electron remote 模块、通过 BrowserWindow 打开新窗口
摘要:Electron 主进程和渲染进程中的模块 Electron remote 模块 remote 模块提供了一种在渲染进程(网页)和主进程之间进行进程间通讯(IPC)的简便途 径。 Electron 中, 与 GUI 相关的模块(如 dialog, menu 等)只存在于主进程,而不在渲染进程中 。 阅读全文

posted @ 2020-11-30 17:25 LoaderMan 阅读(4569) 评论(2) 推荐(0)

Electron调用h5的拖放api 结合nodejs fs实现拖放打开文件功能
摘要:新建render/index.js // html5拖放api:http://www.runoob.com/jsref/event-ondragover.html /* 释放目标时触发的事件: ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件 ondragover - 当某 阅读全文

posted @ 2020-11-27 16:47 LoaderMan 阅读(419) 评论(0) 推荐(0)

Electron 运行流程、主进程渲染进程、 读取本地文件、开启调试模式
摘要:一、Electron 运行的流程 二、Electron 主进程和渲染进程 主进程和渲染器进程: Electron 运行 package.json 的 main 脚本的进程被称为主进程。 在主进程中运行的脚 本通过创建 web 页面来展示用户界面。 一个 Electron 应用总是有且只有一个主进程。 阅读全文

posted @ 2020-11-03 23:49 LoaderMan 阅读(2651) 评论(0) 推荐(0)

1 2 下一页

导航