接到了一个国际银行的项目,有一个需求是要求实现国际化,像谷歌浏览器自带翻译那样,点按钮可以切换英文,繁体,中文来回切换这种效果,琢磨过之后找的资料最多的就是说用i18n,用i18n这个思路没问题,也很简单,下载i18n的插件,配置一下需要翻译的东西就好了,但是像后端的话就比较麻烦了,毕竟i18n也是要手动加要翻译的内容,而我们不可能每加一条数据就手动到配置文件里面加翻译内容的,先搞前端的翻译,然后
Electron+Vue构建单体项目Electron:使用JS、HTML和CSS搭建跨平台的桌面应用程序的工具。核心就是跨平台和前端技术,不需要(java、php等技术)。        Electron实现这个的基础是它集成了一个浏览器内核,不需要依赖于客户端的其它应用,直接和客户端的CPU、操作系统相关联。就是说它提供了一套适配于
转载 2023-11-16 12:42:51
7阅读
最近一直在做Electron的项目,随着项目的上线,在此做一点总结。本文主要记录一些坑点,整个Electron的搭建流程有很多文章说的非常好了,就不赘述了。主要包括关于主进程和渲染进程通信的痛点持久化数据的方案选型打包后文件目录的访问权限关于主进程和渲染进程通信的痛点先看一下官方的说明Electron为主进程( main process)和渲染器进程(renderer processes)通信提供
    跨平台开发一般是Java(基于java虚拟机,一次编译到处运行)和Qt【以及qt的竞品:GTK+之类其它/Qt的商业版是需要收费的,免费版需要开源设计源码,存在版权问题】(基于兼容的开发框架,使用适用于不同平台的编译器(比如MinGW,可以将linux源码程序编译在windows下运行)针对各个平台单独编译达到跨平台效果),还有一种方案就是基于html/js利
本文的初衷Electron所使用的技术栈(JavaScript、NodeJs、HTML、CSS)和web前端工程师完美契合。于是,越来越多的前端工程师,用Electron来开发桌面客户端的开发,我也是其中的一员。虽然Electron技术栈对前端工程师比较友好,但是概念较多,和web前端开发还是有很大差别的,写个入坑指南希望能帮助读者快速上手Electron。了解客户端首先抛出一个问题,web应用是
一、 为什么要学 ElectronElectron 是一个跨平台的桌面应用开发框架,用 html css js 的技术开发桌面上面可以安装的 软件。 “Electron 又为前端开发者谋得了一份好的差事 ” 。 想起在网路里流传很广的一句话“不要和老夫说什么 C++ , Java ,老夫行走江湖就靠一把 JS
一、electron启动后的进程主进程GUP渲染进程界面渲染进程各个进程相互独立,彼此进程是不会共享内存和状态的。1、主进程electron项目启动的时候运行background.js的进程就是主进程,一个项目有且只有一个主进程 创建窗口等有关系统事件写在主进程中进行。它主要通过Node.js、Electron提供的API与系统底层打交道相关apiapp:控制应用的事件生命周期 autoUpdat
Electron框架使用入门Electron是一个跨平台的桌面应用开发框架,可以让我们用html css js的技术开发跨平台桌面上可以安装的软件。因为Electron使用JavaScript 调用丰富的原生 APIs 来创造桌面应用,所以你必须掌握JavaScript的知识,Electron 使用 web 页面作为它的 GUI,因此需要你还应掌握Html和SS教程。electron背后是node
转载 2024-02-01 22:02:27
266阅读
前言  本人是做java开发的(菜鸟),做web项目的朋友们基本上都会遇到同样一个,永远不知道客户会怎么样使用,或者说永远不知道客户会用什么浏览器打开我们做出来的应用,就算你跟他说明了一定得用某某某浏览器打开,还是有人会用别的浏览器打开,这种情况通常我们会去做适配(前端),最近公司有需求要把一个项目做成Windows桌面应用,由于我们公司的前端工程师刚好离职了,然后就由我去看这块,为了方便以后的查
转载 2024-07-04 13:20:15
41阅读
最近在开发一个项目组内部用的接口自动化测试工具,考虑到生产环境无法连接外网,而且这个工具最好是不需要部署到额外的服务器,即装即用的。所以搜索了一下有什么可以方便快捷开发跨平台桌面应用程序的办法,发现了Electron这个强大的开源库。最近还在学习,遇到了一些坑,所以决定把学习到的内容和遇到的坑及其解决办法记录下来。 1.Electron简介Electron是由Github开发,使用HTM
从零开始使用Electron + jQuery开发桌面应用Electron介绍现如今,用 HTML、JavaScript、CSS、Node.js 写桌面应用早已不是什么新鲜的事了,作为一名前端,能够使用自己熟悉的语言,快速实现自己想要的桌面应用,是件很让人兴奋的事。目前常见的有 NW、heX、Electron。今天,就来简单的上手一下 ElectronElectron 是什么?Electron
步骤安装nodej.s如何查看自己是否安装了node.js安装asar如何查看自己是否安装了asarnpm install -g asar[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EIftqvHD-1634137192052)(data:image/svg+xml;utf8, )]安装Electron下载windows安装包Release ele
项目源码Electron怎么玩真的很简单的,面向百度编程,找寻前辈的足迹,真的很容易的。?直接点,开整首先安装Electron,但是有个坑坑就是安装卡住了,没事有办法:npm config set registry=https://registry.npm.taobao.org/ npm config set ELECTRON_MIRROR=http://npm.taobao.org/mirror
转载 2023-12-14 11:57:59
178阅读
electron中进程使用 ipcMain 和 ipcRenderer 模块,通过开发人员定义的“通道”传递消息来进行通信。新的版本中electron推荐使用上下文隔离渲染器进程进行通信,这种方式的好处是无需在渲染进程中直接使用ipcRenderer发送消息,这种在渲染进程中调用nodejs对象的方法对于渲染进程有侵入性。当我们使用vue或者其他前端框架开发界面时,上下文隔离方式使用起来更加方
转载 2023-11-13 23:42:37
161阅读
最近几年最火的桌面化技术,无疑是Qt+和Electron。两者都有跨平台桌面化技术,并不局限于Windows系统。前者因嵌入式而诞生,在演变过程中,逐步完善了生态以及工具链。后者则是依托于Node.Js和CCM(Chromium Content Module),支持Node.js和Node.js原生以及自主封装的Electron API。 因为项目考虑跨平台的技术选型,研究过长达一年的Electr
转载 2023-12-01 11:35:37
416阅读
在说Electron进程通信的时候,先说一下Electron中的两种进程:主进程和渲染进程。主进程通过创建 BrowserWindow 实例来创建网页。 每一个 BrowserWindow 实例在其渲染过程中运行网页,当一个BrowserWindow 实例被销毁时,对应的渲染过程也会被终止。简单来说,一个客户端就是一个主进程。渲染进程只能管理相应的
转载 7月前
44阅读
文章目录一、电子书解析1.构建函数2.从文件创建 Book 对象3.电子书解析(1)epub 库集成(2)使用 epub 库解析电子书(3)epub 库获取图片逻辑修改(4)电子书目录解析二、前端逻辑1.上传成功事件2.删除电子书事件3.目录点击事件三、用户引导1.创建 step2.引入 Driver3.创建 Driver4.显示引导 一、电子书解析1.构建函数Book 对象分为两种场景,第一种
转载 2024-02-04 11:14:54
179阅读
首先需要准备的环境及工具注意了啊!不需要你会 electron 就可以打包exe项目! 注意了啊!不需要你会 electron 就可以打包exe项目! 注意了啊!不需要你会 electron 就可以打包exe项目!前端:node.js 14以下(直接安装 node.js 即可)后端:jre 1.8(必须1.8)工具:Bat_To_Exe_ConverterInno_Setup 汉化版(英文版不支持
最近在学习node.js的过程中,突然发现了electron这个宝藏开源框架。在学习过程中收获颇多,特此记录,方便知识整理。 参考文献:技术胖 目录一、Electron的定义二、Electron的运行原理2.1、不得不说到JavaScript的运行原理2.2、Electron的运行框架2.3、Electron的运行流程:三、从零开始,构建Electron开发环境3.1、安装node.js开发环境3
        上传文件应该是除了提交数据以外最常用的一种功能了,上篇已经说了使用原生net提交数据,上传文件和提交数据主要有2点不同,1.请求头不同  2.要选择本地待上传文件。        下面就以上传图片为例。         一、前段html页面&n
转载 2023-07-11 12:03:33
439阅读
  • 1
  • 2
  • 3
  • 4
  • 5