代码编织梦想

Electron | 窗体尺寸与宽度高度范围的设置-爱代码爱编程

说起electron窗口尺寸的设置,其实听起来应该是极其简单自然的事情,没有什么可以写的。不就是设置electron的BrowserWindow的width和height么?但是,对于electron的窗体来说,这些参数的设置,还真是有些复杂。因为各个参数之间总是相互影响的。那么,就会导致预期和实际有所差别。 本文主要讲述的就是electron窗口尺寸相

Electron | 应用启动出现短暂的白屏-爱代码爱编程

mainWindow = new BrowserWindow({ height: 600, width: 960, frame: false, minWidth: 710, minHeight: 500, offscreen: true, webPreferences: {webSecurity: false},

Electron | 利用electron-updater实现应用程序更新-爱代码爱编程

使用electron开发桌面应用对于前端来说是比较新的领域。通常web端实现应用的更新比较简单,因为用户访问web端的网页都是通过浏览器访问,输入网址后,找到对应服务器的资源然后返回给用户,所以我们更新应用只需要替换服务器端的代码就可以。但是对于客户端,大多数资源都是在本地的,没有网络也是可以打开,只是和网络交互的接口没有数据而已。 所以桌面应用程序更新

Electron | 利用electron-store持久化用户数据-爱代码爱编程

Electron没有内置的方法来持久保存用户首选项和其他数据。 使用 electron-store 模块可以帮助完成上述需求,专注于构建应用程序。数据保存在JSON文件中 app.getPath(‘userData’)。 GitHub地址:https://github.com/sindresorhus/electron-store 安装 $ npm

Electron | Electron中打开和关闭子窗口以及子窗口向父窗口传值-爱代码爱编程

  场景 用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106413828 Electron怎样进行渲染进程调试和使用浏览器和VSCode进行调试: https://bl

ESLint | 一个用来识别ECMAScript的代码检测工具-爱代码爱编程

ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一代码的风格。ESLint被设计为完全可配置的,主要有两种方式来配置ESLint: 在注释中配置:使用JavaScript注释直接把配置嵌入到JS文件中。配置文件:使用下面任一的文件来为全部的目录和它的子目录指定配置信息。 javascr

Electron | 手把手教你使用Electron5+vue-cli3开发跨平台桌面应用-爱代码爱编程

Electron是一个基于Chromium和 Node.js,可以使用 HTML、CSS和JavaScript构建跨平台应用的技术框架,兼容 Mac、Windows 和 Linux。虽然B/S是目前开发的主流,但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制,网页应用无法满足某些场景下的使用需求,而桌面应用可以读写本地文件、调用更多系统资源,再加

Electron | Electron应用日志文件输出-爱代码爱编程

日志文件输出可以使用 electron-log 模块。 1 模块安装 npm install electron-log 2 模块包含 const log = require('electron-log'); 3 设置是否输出位置 正常情况下文件与控制台都会输出,若要关闭可以添加以下代码: log.transports.file.level =

Electron | Electron应用制作成deb包-爱代码爱编程

在使用 electron-packager 工具输出 linux 平台的 electron app 后,可以使用 electron-installer-debian 工具把 app 打包成供Ubuntu平台下安装的 debian 包。 1 环境搭建 1.1 安装 node.js curl -sL https://deb.nodesource.com/

Electron | 使用jQuery实现超链接<a>的title样式-爱代码爱编程

1 安装 jQuery 库 npm install -save-dev jquery 2 程序实现 <!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery跟随提示信息</title> <sc

Electron | 自定义菜单栏-爱代码爱编程

  const { globalShortcut, Menu } = require('electron'); const Menus = [ { label:'Files', submenu:[ { label: '网页版',

Electron | 利用NSIS打包Electron应用为exe安装包-爱代码爱编程

下面我们就介绍如何使用NISI将我们的应用程序打包成安装包: 我们在项目里面打包electron程序得到了一个out文件夹: 我们把out文件夹复制到桌面(不复制也可以,我是为了方便演示): 打开NISI: 1)选择可视化脚本编辑器  2)选择新建脚本:向导 4)设置应用名称,版本号,网址,标志随便自定义一个就好,然后下一步