从开发角度来说,选择用 nw.js 还是 election ,区别其实不是很大.大部分工作还是在自己的 javascript 和 HTML 上.国内比较有名的,比如微信web开发工具.钉钉都是基于 nw.js 开发的 electron 相对来说比 nw.js 靠谱.有一堆成功的案例: 1. Atom 编辑器 2. Slack (那个独角兽公司)3. Visual Studio Code 4. WordPress 等等.. 优点:1. 开源的核心扩展比较容易,目前是基于 node 6.x,加之现在

vivo 互联网前端团队-Yang Kun 一.背景 在团队中,我们因业务发展,需要用到桌面端技术,如离线可用.调用桌面系统能力.什么是桌面端开发?一句话概括就是:以 Windows .macOS 和 Linux 为操作系统的软件开发.对此我们做了详细的技术调研,桌面端的开发方式主要有 Native . QT . Flutter . NW . Electron . Tarui .其各自优劣势如下表格所示: 我们最终的桌面端技术选型是 Electron ,Electron 是一个可以使用 Web

微信小程序原理 kamidox 关注 2016.11.05 09:42* 字数 2356 阅读 14621评论 5喜欢 75赞赏 1 微信小程序使用了前端技术栈 JavaScript/WXML/WXSS.它背后的原理是怎么样的呢? 写在前面 微信小程序使用了前端技术栈 JavaScript/WXML/WXSS.但和常规的前端开发又有一些区别: JavaScript: 微信小程序的 JavaScript 运行环境即不是 Browser 也不是 Node.js.它运行在微信 App 的上下文中,不能

转:https://zhuanlan.zhihu.com/p/29101613?utm_medium=social&utm_source=qq 大家好,我又来了.这篇是21天自制原子弹的姐妹篇. 开个玩笑……从这篇开始, 我们来点干货,如何从blink打造一个可以实用的浏览器组件. chromium从零几年搞到现在,已经完全变成一个无所不包的庞然大物. 如果你只是想要一个能浏览网页的组件,方便嵌入到自己的程序里,或者想用网页来做界面--例如QQ音乐,网易云音乐那样, 那么chromium的那堆多

1.一些感悟 自从踏入编程领域开始,从html,css,JavaScript,jQuery,bootstrap开始接触前端,经常用NodeJS,ejs等模板语言来写个简单的页面,感觉蛮简单的,也不怎么放在心上.有一天看了看React的代码,感有种懵逼的赶脚,但也就当JS看了,然而什么虚拟DOM,Native,单向数据流,组件就不太懂了,感觉我可能有点落后了.故打算补充一点前端知识,以后看见别人的代码不至于一脸懵逼. 2.LitElement Start 今天阅读webrtc屏幕共享的exampl

最近一种在捣鼓 Tauri 集成 Vue3 技术开发桌面端应用实践,tauri 实现创建多窗口,窗口之间通讯功能. 开始正文之前,先来了解下 tauri 结合 vue3.js 快速创建项目. tauri 在 github 上star高达53K+,而且呈快速增长趋势.相比electron构建应用更具优势. 分别用 Tauri 和 Electron 打包测试一个 todo list 程序. Electron打包体积  69  M,Tauri打包体积才只有  7.5 M. Tauri 构建的桌面应用体

市面上作为嵌入的组件的可用的浏览器内核,不外乎这几个:webkit.cef.nwjs.electron. 1.cef:优点是由于集成的chromium内核,所以对H5支持的很全,同时因为使用的人也多,各种教程.示例,资源很多.但缺点很明显,太大了.最新的cef已经夸张到了100多M,还要带一堆的文件.同时新的cef已经不支持xp了(chromium对应版本是M49).而且由于是多进程架构,对资源的消耗也很夸张.如果只是想做个小软件,一坨文件需要带上.超大的安装包,显然不能忍受. 2.nwjs,或

窗口间通信的问题 electron窗口通信比nwjs要麻烦的多 electron分主进程和渲染进程,渲染进程又分主窗口的渲染进程和子窗口的渲染进程 主窗口的渲染进程给子窗口的渲染进程发消息 subWin.webContents.on('dom-ready', () => {     subWin.webContents.send('message', {         title: self.$root.a[self.$root.aIndex].title,         content: 

今天发现原来JavaScript也可以用来开发桌面应用程序,顿时有一种很牛逼的感觉,于是马上就开始了Hello,World!,感受一下JavaScript的强大. 可以用来开发桌面应用的js框架有三种: 1.NW.js NW.js是Intel的工程师写的一个基于node.js和chromium的应用程序运行环境.项目地址是:https://github.com/rogerwang/node-webkit 2.Electron Electron是一款利用Web技术开发跨平台桌面应用的框架.项目地址

跨平台桌面app开发 Appjs hex nwjs electron 官网:http://electron.atom.io/ 中文文档:https://github.com/atom/electron/tree/master/docs-translations/zh-CN zcbenz:https://github.com/zcbenz https://github.com/atom/electron simpleMsi https://speakerdeck.com/oklai/zhe-nia

作者:William 本文为原创文章,转载请注明作者及出处 Electron 可以让你使用纯 JavaScript 调用 Chrome 丰富的原生的接口来创造桌面应用.你可以把它看作一个专注于桌面应用的 Node.js 的变体,而不是 Web 服务器.其基于浏览器的应用方式可以极方便的做各种响应式的交互,接下来介绍下关于 Electron 上衍生出的框架 Nightmare. Nightmare 是一个基于 Electron 的框架,针对 Web 自动化测试和爬虫(其实爬虫这个是大家自己给这个框

原文:Creating Your First Desktop App With HTML, JS and Electron 作者:Danny Markov 近年来 web 应用变得越来越强大,但是桌面应用仍然有充分利用硬件的优势. 今天,我们可以通过我们熟悉的 HTML.JS 和 Node.js 来创建桌面应用,打包成一个可执行文件,并且发布在 Windows, OS X 和 Linux 上. 有两个受欢迎的开源项目,能够帮助我们实现这个目的.一个是几个月前我们讨论到的 NW.js,另一个是今天

之前一直用.net开发桌面应用,最近由于公司需要转为nodejs,但也是一直用nodejs开发后台应用,网站,接口等.近期,需要开发一个客户端,想着既然nodejs号称全栈,就试一下开发桌面应用到底行不行. 是骡子是马总要拉出来溜溜才知道,是吧. 查了一下,目前用Nodejs开发桌面应用,主要有两种方案 1.Electron Electron是一款利用Web技术开发跨平台桌面应用的框架.项目地址是:https://github.com/atom/electron 2.NW.js NW.js是In

electron入坑指南 简介 electron 实际集成chrome浏览器和node环境, 运行你写的网页 app 基本目录结构 index.html 名称可以不是index, 这个文件与普通网页的区别是它之中要引用<script 'renderer.js'> 类似这样 main.js 必须为这个名称, 用于创建窗口和主线程的操作, 能访问node模块 renderer.js 渲染进程, 能访问被打包的node模块和浏览器 electron-vue 一开始什么都不会, 所以用这个脚手架快速弄

一.项目需求 最近公司有终端桌面系统需求,需要支持本地离线运行(本地数据为主,云端数据同步),同时支持Window XP,最好跨平台.要求安装配置简单(一次性打包安装),安装包要小,安装时间短,可离线安装.技术要求使用主流技术,有利于扩展,升级,便于迁移到其它各种终端和平台应用. 二.需求分析和选择技术方案 通过需求分析,采用Web终端混合架构开发桌面应用系统.首先就是要找一个web混合架构开发框架.通过Google百度查找资料,最后主要在选择NWJS和Electron框架上,两款框架都是基于C

使用Nwjs开发桌面应用体验 https://www.cnblogs.com/zhupengfei/p/8906131.html 之前一直用.net开发桌面应用,最近由于公司需要转为nodejs,但也是一直用nodejs开发后台应用,网站,接口等.近期,需要开发一个客户端,想着既然nodejs号称全栈,就试一下开发桌面应用到底行不行. 是骡子是马总要拉出来溜溜才知道,是吧. 查了一下,目前用Nodejs开发桌面应用,主要有两种方案 1.Electron Electron是一款利用Web技术开发跨

要开发一个桌面程序,可选择的有nwjs和electron,但是electron不支持xp,客户还是有一部分系统是用xp的,只能用nwjs. 由于程序需要安装很多npm的模块,node_module文件夹里的文件达到了1w+的文件,大小去到30m,加上nwjs本身,整个软件去到90m,nnd,打包起来非常慢,启动就更慢了 启动一次花掉了20s的时间,不可忍. 解决思路有两个: 1.直接放源码到nwjs的文件夹下运行,不打包,这样启动起来会很快: 2.用webpack把代码先进行打包,然后再进行nw

本文引用了作者“ ConardLi”的<用JS开发跨平台桌面应用,从原理到实践>一文部分内容,原文链接:segmentfault.com/a/1190000019426512,感谢原作者的无私分享. 1.引言 现在开发IM应用动不动就要求多端——即Android端.iOS端.PC端.Web端等,Android端和iOS端作为两种不同的移动端技术,单独开发和维护还能理解,PC端和Web端如果要单独开发那就有点头大了,必竟开发传统的PC桌面应用成本太高(QT这类技术跟Web技术相比,上手难度大的多

NW.js和Electron对比:[http://tangiblejs.com/posts/nw-js-electron-compared] NW.js:[https://nwjs.io/] Electron:[https://electronjs.org/]

Electron 和 Vue 都是干啥的,就不做过多介绍了,可以去官网瞅瞅.下面总结 Electron+Vue 创建项目,Electron + Vue 创建项目实际上相当于:创建Vue项目 + Electron封装. 一.创建Vue项目 + Electron封装 1.创建Vue项目 通过 Vue脚手架工具 vue-cli 创建Vue项目:vue init webpack xxxxxx (注:项目名称中不能出现大写字母) vue init webpack electron-vue 等待Vue项目初

Electron ​ 快速入门 简介 Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用.你可以把它看作是专注于桌面应用而不是 web 服务器的,io.js 的一个变体. 这不意味着 Electron 是绑定了 GUI 库的 JavaScript.相反,Electron 使用 web 页面作为它的 GUI,所以你能把它看作成一个被 JavaScript 控制的,精简版的 Chromium 浏览器. 应用的入口 在 Electron 中,入口是一个 J