使用electron官方给出的`electron-quick-start`示例项目,将其拷贝下来, 1. git命令:   git clone https://github.com/electron/electron-quick-start.git 里面三个主要的文件: ---- index.html       起始页 ---- main.js            显示项目启动后的窗口,里面可以做一些配置,比如浏览器窗口大小,起始页设置 ---- renderer.js       里面的注

GitHub 的 Electron 框架(以前叫做 Atom Shell)允许你使用 HTML, CSS 和 JavaScript 编写跨平台的桌面应用.它是io.js 运行时的衍生,专注于桌面应用而不是 web 服务端. Electron 丰富的原生 API 使我们能够在页面中直接使用 JavaScript 获取原生的内容. 这个教程向我们展示了如何使用 Angular 和 Electron 构建一个桌面应用.下面是本教程的所有步骤: 创建一个简单的 Electron 应用 使用 Visual

使用 Electron 构建桌面应用(拖动控制篇) 当窗口被定义了大小,我们也就是在自定义这个窗口,使得它不可拉伸没有框架,让它看起来就像一个真正的声效器浮在桌面上. 现在问题来了 – 要如何移动或者关闭一个没有标题栏的窗口. 很快我就会说到自定义窗口(和应用)的关闭动作,还会谈到如何在主进程和渲染器进程中通信.不过现在让我们先把目光聚焦到“拖拽效果”上.你可以在 app/css 目录下找到 index.css 文件: html, body { ... -webkit-app-region: d

译]使用 AngularJS 和 Electron 构建桌面应用 原文: Creating Desktop Applications With AngularJS and GitHub Electron GitHub 的 Electron 框架(以前叫做 Atom Shell)允许你使用 HTML, CSS 和 JavaScript 编写跨平台的桌面应用.它是 io.js 运行时的衍生,专注于桌面应用而不是 web 服务端. Electron 丰富的原生 API 使我们能够在页面中直接使用 Ja

最近无意间看到了electron和nw的相关信息,感到很惊讶,因为学习前端也有一段时间了,竟然发现js还有这么强大的功能,因为js不仅可以写网页.写webapp.写hybrid,以及前不久出现的小程序,现在甚至已经可以用来写桌面应用了,从github上的star数已经快到50000就可以知道electron是多么火了,所以这里简单了解一下,以后有机会还是可以使用起来. electron官网 github 必看文章 官网介绍如下:electron使用html.css.js构建跨平台的桌面应用.当前

本文已获得原作者授权同意,翻译以及转载原文链接:Build your Android app Faster and Smaller than ever作者:Jirawatee译文链接:Gradle更小.更快构建APP的奇淫技巧翻译人:MrTrying   上个月,我有机会在 LINE DEVELOPER DAY 2018 发表演讲.对我来说是特殊的时刻,因为这是我第一次在日本演讲.在成为演讲者之前,LINE 活动的工作人员必须向全球团队提交他们的演讲.   我提交的主题是关于如何更快构建 And

在前一篇文章我们已经学习到了使用Electron来构建我们的文件浏览器了基础东西了,我们之前已经完成了界面功能和显示文件或文件夹的功能了,想看之前文章,请点击这个链接  .现在我们需要在之前的基础上来继续完成余下的功能,我们之前的只完成了界面和显示文件夹或文件.那么这篇文章我们需要完成如下功能: 1. 如果它是一个文件夹,我们可以对该文件夹进行双击,然后打开该文件夹.2. 当前文件夹就是刚刚我们双击的那个文件夹.3. 如果它内部有子文件夹的时候,我们也可以双击,然后重复第一步的操作步骤. 那么在

在window.mac.linux系统中,他们都有一个共同之处就是以文件夹的形式来组织文件的.并且都有各自的组织方式,以及都有如何查询和显示哪些文件给用户的方法.那么从现在开始我们来学习下如何使用Electron来构建文件浏览器这么一个应用. 注意:我也是通过看书,看资料来学习的.这不重要,重要的是我们学到东西.我们知道如何使用 electron 来做一个桌面型应用软件.有这些知识点后,以后我们做其他的桌面型应用软件会有基础. 那么既然是文件浏览器,那么我们可以给文件浏览器取一个名字,假如叫他为

最近有个需求,需要做两个功能相似的APP,大部分代码是一样的,只是界面不一样,以前要维护两套代码,比较麻烦,最近在网上找资料,发现可以用gradle使用同一套代码构建两个APP.下面介绍使用方法: 首先要构建两个APP需要有两个APP图标.APP名字和AndroidManifest.xml.AndroidManifest放置目录如下: gradle构建需要用的配置文件build.gradle. 要使用两个AndroidManifest需要在build.gradle文件中配置sourceSets

前言 卤煮在公司之初接触到的是一个微信APP应用.前端技术采用的是Backbone+zepto等小型JS类库.在项目开发之初,这类中小型的项目采用这两种库可以满足基本的需求.然而,随着迭代的更新和业务的增加,成堆的代码被覆盖到项目中去了,使得这样一种技术架构方式变得异常的臃肿,很多界面变得异常的难以维护,因此卤煮打算重构公司前端架构. 卤煮的想法是:采用异步模块的加载方式,将不同微信菜单进入的界面分成若干的模块文件,这样的好处是按照需求加载界面,而且每个界面都单独成模块,便于维护和独立开发.于是

前言 卤煮在公司之初接触到的是一个微信APP应用.前端技术采用的是Backbone+zepto等小型JS类库.在项目开发之初,这类中小型的项目采用这两种库可以满足基本的需求.然而,随着迭代的更新和业务的增加,成堆的代码被覆盖到项目中去了,使得这样一种技术架构方式变得异常的臃肿,很多界面变得异常的难以维护,因此卤煮打算重构公司前端架构. 卤煮的想法是:采用异步模块的加载方式,将不同微信菜单进入的界面分成若干的模块文件,这样的好处是按照需求加载界面,而且每个界面都单独成模块,便于维护和独立开发.于是

最近,把团队内经常使用的一个基于Node.js制作的小工具给做成了可视化操作的桌面软件,使用的是electron,这里简单分享一下使用electron的一些经验和心得. 一.如何使用electron把基本的开发环境给跑起来? 我是这么处理的,electron官方提供了一个名为“electron-quick-start”的示例项目,地址为:https://github.com/electron/electron-quick-start 然后把相关资源给弄下来,如果你是下载Zip包解压的,则资源默认

by zhangxinxu from http://www.zhangxinxu.com/wordpress/?p=6154 本文可全文转载,但需得到原作者书面许可,同时保留原作者和出处,摘要引流则随意. 最近,把团队内经常使用的一个基于Node.js制作的小工具给做成了可视化操作的桌面软件,使用的是electron,这里简单分享一下使用electron的一些经验和心得. 一.如何使用electron把基本的开发环境给跑起来? 我是这么处理的,electron官方提供了一个名为“electron

提示:Application entry file "main.js" does not exist 解决: package.json中的build模块,添加files "files": [ "./index.html", "./main.js", "./package.json", ], 提示:Application entry file "build/electron.js" doe

1.APP后端的重要性 2.架构目标与选型 3.Apache/Nginx? 4.为何选择Php 5.4? 5.Phalcon还是其它? 6.MySql 5.6 / MariaDB ? 7.Cobar:数据库集群 8.Poco:通讯程序实现 9.HaProxy:负载均衡 10.云中系统架构拓扑图 11.安全x—scan http://www.osforce.cn/course/68/info

转载:http://www.jianshu.com/p/a1cc8f2e0877 较长的构建时间将会减缓项目的开发进度,特别是对于大型的项目,app的构建时间长则十几分钟,短则几分钟,长的构建时间已经成了开发瓶颈,本篇文章根据Google官方文档,加上自己的一些理解提供一些提升app构建速度的优化建议. 1. 为开发环境创建一个变体 有许多配置是你在准备app的release 版本的时候需要,但是当你开发app的时候是不需要的,开启不必要的构建进程会使你的增量构建或者clean构建变得很慢,因此

1月4日,蚂蚁金融科技宣布蚂蚁金服移动开发平台mPaaS(mobile Platform-as-a-Service)升级到3.0版本,“新版本以智能技术助力客户构建自己的超级 App,企业可以拥有等同于支付宝的能力,包括技术.生态.业务等”,金融科技产品技术总监杨冰介绍. 蚂蚁金服移动开发平台mPaaS是蚂蚁金服科技的核心产品之一,沉淀于公司内部多年移动端技术实践和高并发业务锤炼,能够提供移动开发.测试.发布.分析.运营各个方面的云到端的一体化解决方案. 目前,包括12306.上海地铁.广发银行

Electron学习-快速搭建app demo 作者: 狐狸家的鱼 Github: 八至 一.安装Node 1.从node官网下载 ,最好安装.msi后缀名的文件,新手可以查看安装教程进行安装. 2.然后cmd进入命令窗口,输入npm -v查看node当前版本, 二.创建文件并初始化 1.在自己喜欢的盘里新建项目文件,我是  E:\Electron\resources\app,在此文件目录app下打开命令窗口,按住shift ,右击空白处,选择在此处打开powershell命令窗口 2.在命令窗

运行一个electron小demo出现的一个错误信息:Cannot find module app 原代码如下所示: var app = require('app'); var BrowserWindow = require('browser-window'); 修改为如下这样,就不会弹出“Cannot find module app”相关的错误信息: const electron = require('electron'); const app = electron.app; const Br

Serverless 计算将会成为云时代默认的计算范式,并取代 Serverful (传统云)计算模式,因此也就意味着服务器 -- 客户端模式的终结. ------<简化云端编程:伯克利视角下的 Serverless计算> 前言 Serverless计算让开发者能够以更高的灵活性和更低的成本构建现代应用程序.开发者无需配置和管理服务器等基础设施,可将全部精力投入核心业务. Serverless相比传统的serverful开发方式有着本质的区别: 计算和存储的解耦:它们独立扩展,独立定价: 代码

1. 第一个 hello world 项目 2. 构建自动触发的项目(接口测试) 1)新建测试项目(执行测试脚本) 2)新建 Maven 打包项目 3)手动执行构建 4)修改 Web 工程代码并 push 到 Github,触发自动构建 5)邮件发送的构建日志 6)补充:构建编译 java 程序的任务 3. 构建 UI 测试项目 4. 构建 APP 测试项目 1)新建测试项目(执行测试脚本) 2)新建 Gradle 打包项目 3)构建日志 5. 构建 Jmeter 性能测试项目 1)安装插件 2