25 天前 / 携程技术中心
作者简介 隋丰蔚，携程无线平台研发部前端工程师，现负责开发者工具NFES Developer Tools的设计与研发。 引言 目前，主流的桌面应用开发方法有几种，一是使用纯Native技术栈进行开发，比如说Windows上使用C++，Mac上使用Objective-C。这种方式能够实现最好的性能，但是开发成本比较高，周期也长，而且需要分别开发Windows和Mac版本，人员投入比较大。 二是基于Qt等Native框架进行开发，这种方案可以获得接近Native的性能体验，但是学习成本仍然较高，而且界面开发效率不高，没有办法满足快速迭代的需求。 第三种则是以Elect......
36 天前 / Easy
折腾了一个月的2019年「为自己写的项目」基本能用了，是一个基于 Editor.js 的日记/笔记 软件，预计到这个月底基本能写完0.1版本。分享点踩坑经验。 为了可以跨三大桌面操作系统+Web，离线使用+实时同步。架构上采用了基于electron+pouchdb。 但这两个核心组件都有坑的地方。 比如 electron4.x的定位接口是坏的，而且官方不修。用到地理信息的APP不要选这个版本。 启用了electron半透明背景，在Mac上看起来还不错，但有同学反馈说在部分windows系统上对显卡驱动敏感（还没来及测试兼容性） 另外 electron 里边 btoa......
162 天前 / 头条机器人
主进程和渲染进程在Electron应用中，通过执行package.json中的main字段所指向的文件，可以开启electron的主进程（main process）。在主进程中可以通过创建web页面的方式来展示出图形用户界面。而且一个electron应用有且只能有一个主进程。 由于electron使用Chromium来展示web页面，Chromium多进程架构也会被用到。每一张web页面都运行在它自己的进程里，该进程称为渲染进程（renderer process） 对于一般的浏览器来说，web网页是跑在一个沙盒环境下的并且不允许与系统层面的资源进行交互。然而electron通过使用nodejs在页面上，赋予了用户与系统......
245 天前 / 码云_Gitee
项目介绍一个解放鼠标手（指）重度患者的工具。主要功能： 快速切换鼠标左右手指针【Ctrl+`】；快速切换鼠标左右点击键【Ctrl+Alt+`】；自动点击鼠标键【Alt+F1】；Mouse Finger工具适应人群： 手指过度劳损者+左右手操作鼠标者。该项目为一个工具类项目：主要解决因长年过度使用鼠标导致手指点击鼠标有劳损的特殊人群，该人群可能需要时常轮换左右...
320 天前 / heartEngine
还在为electron太庞大发愁吗 https://weolar.github.io/miniblink electron是目前最流行的跨平台PC开发框架，相当于把nodejs和chromium结合起来，可以同时使用两者的功能。Miniblink：极致小巧的H5内核https://weolar.github.io/miniblink （如果不想看废话，需要了...
453 天前 / 实时音视频A桑
作者简介：张乾泽，声网 Agora Web 研发工程师 对于在线教育、医疗、视频会议等场景来讲，开发面向 Windows、Mac 的跨平台客户端是必不可少的一步。在过去，每个操作系统的应用需用特定的编程语言编写，每个客户端都需要单独开发。而现在我们可以利用多种工具、框架进行跨平台开发。Electron 就是其中最热门的一个。 Electron的前身是Ato...
455 天前 / Jiahui.Liang
Features:使用electron构建的桌面端应用通过可拖拽的组件设计页面保存为.vue文件保存/导入一个项目 开发步骤git clone https://github.com/L-Chris/vue-design.gitcd vue-design# install dependenciesnpm install# serve with wit...
508 天前 / Jartto
经历过前两篇的洗礼，相信大家已经掌握了 Electron 基本的用法，那么还在等什么，快上手项目试试吧！查看原文，获得更好的体验哦～实践篇将以项目主导，我打算由浅入深从零到一去完成该项目，我们来做一个图片文字识别工具 Electron-OCR，目标如下：图片上传：拖拽或点击上传图片预览：上传完成，直接进入预览页，同时执行文字识别菜单页：简单的导航列表，持续扩...
526 天前 / 酷家乐前端团队
在发布一个桌面应用之前，必须要考虑的一个问题是：怎么更新（迭代）？一个应用不可能没有更新，除非没人用的或没人维护，从人肉更新到自动更新，再到复杂的更新方案，这里有很多产品和技术的设计...这是 Electron 系列的第三篇文章，也是 Electron 应用自动更新方案的上篇「从需求到设计」，下篇会讲「从设计到实现」。 为什么要讲从需求到设计？这不是产品的活...
528 天前 / Jartto
提起构建桌面应用，最先想到的肯定是 NW.js ，但却一直不温不火。直到 Electron 的出现，将这一切推向了巅峰，前端的触手伸向了更为广阔的系统应用。文章首发于 Jartto’s blog ，转载文章请务必以超链接形式标明文章出处。一、Electron 是什么？Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌...
586 天前 / 酷家乐前端团队
我们能从很多地方学习到怎么起一个 Electron 项目，有些还会介绍怎么打包或构建你的代码，但距离「真正地发行一款 Electron 产品」这一目标，还有很多工作需要做...这是 Electron 系列文章的第二篇，这一篇文章将和大家分享我是怎么去构建自动化的 Electron 开发构建工程的，说白了，就是怎么把敲的代码变成一个用户可以下载安装的包，当然随...
601 天前 / 酷家乐前端团队
标题是我以第一视角基于 Electron 开发客户端产品的体验，我将在之后分一系列文章向有兴趣的朋友一步一步介绍我是怎么从玩玩具的心态开始接触 Electron 到去开发客户端产品，最后随着业务和功能的复杂度提升再不断地优化客户端。这是该系列的第一篇，我也是边学边做边反思，欢迎交流，哦，不用担心我会「太监」这个系列文章，因为我的老大握着40米大刀注视着我，不...
642 天前 / iKcamp
Electron 可以让你使用纯 JavaScript 调用 Chrome 丰富的原生的接口来创造桌面应用。你可以把它看作一个专注于桌面应用的 Node.js 的变体，而不是 Web 服务器。其基于浏览器的应用方式可以极方便的做各种响应式的交互，接下来介绍下关于 Electron 上衍生出的框架 Nightmare。Nightmare 是一个基于 Elect...
675 天前 / Alex?.
GUI workflow for Front-End developers based on Electron功能实现前端常用的文件处理功能：HTML：压缩 html通过 html 中的注释来合并 css / jsCSS：添加兼容性前缀压缩 cssJS：压缩 jsIMAGE：压缩图片将多张图片合成精灵图并生成相应的 css通用：文件重命名自定义设置设置文件的...