2018年08月_HouszChina

翻译 Electron 基础教程-2.4 渲染进程（Renderer Process）

渲染进程（Renderer Process）正如上节所了解，main.js标识出了Electron渲染进程（Renderer Process）的HTML文件。渲染进程正是从mainWindow.loadURL()调用开始的：// and load the index.html of the app.mainWindow.loadURL(url.format({ pathnam...

2018-08-20 22:35:00 7569

翻译 Electron 基础教程-2.3 主进程（Main Process）

主进程（Main Process）正如之前所提，Electron有两大进程：主进程（Main Process）和渲染进程（Renderer Process）。在这个示例程序中，主进程代码就在main.js文件中。 Note 通常将主进程文件命名为main.js，这样表示Node从这里启动应用的主进程。当你的项目代码重构目录结构后，必须在package.json中将主进程文件重新指...

2018-08-20 22:33:56 2232

翻译 Electron 基础教程-2.2 修改为你的专属应用

修改为你的专属应用第一步要修改项目中的package.json文件。如果你没有使用示例项目而是建了一个全新的项目，package.json将会在npm init后被创建。package.json大体如下：{ "name": "electron-quick-start", "version": "1.0.0", "description": "A minimal Elec.

2018-08-20 22:32:44 2073

翻译 Electron 基础教程-2.1 获取Quick Start代码

一开始上手Electron可能会很迷茫：文件该放在哪？文件如何命名？代码从哪里开始写？代码应怎么组织？幸运的是，GitHub的Electron开发者创建了一个供初学者学习的GitHub仓库Electron Quick Start。我们将这个仓库中的案例为出发点学习Electron。代码仓库地址为https://github.com/electron/electron-quick-start，里...

2018-08-20 22:30:13 1064

翻译 Electron 基础教程-1.5 Electron是怎样工作的

Electron是怎样工作的Electron应用基于两个独立的进程：主进程（main process）和渲染进程（render process），如图1.2。 Figure 1-2. The two processes that power an Electron application 主进程主进程（main process）被用来处理系统级活动，例如生命周期事件（启动、准...

2018-08-20 22:28:46 1110

翻译 Electron 基础教程-1.4 为什么选择Electron

为什么选择Electron既然你选择了这本书，肯定是为了项目需求开发桌面应用，亦或是纯粹的个人兴趣。如果你曾开发过web应用，你应该对适配各种浏览器平台的痛苦历历在目。浏览器标准的适配过程经历了很多年，但web开发者仍要关注适配问题。对于那些与企业客户合作的开发者来说，更有可能被旧版浏览器和操作系统困扰。当你使用Electron开发时，你的应用中会有一个完整的Chromium引擎拷贝，因此...

2018-08-20 22:24:34 2498

翻译 Electron 基础教程-1.3 我应该知道什么？

我应该知道什么？与传统桌面开发不同，你仅仅要掌握HTML、CSS和JavaScript，以及基本的Node即可上手Electron。当然熟悉命令行操作也是极好的。将我们熟悉的web技术应用于桌面开发正是Electron的精髓。我们会用到Git来初始化项目，但是对Git的应用仅此而已了。当然版本控制系统是很重要的开发技能。本书将使用一种全新的方式介绍Electron的工作机制。由于Elect...

2018-08-20 21:56:59 364

翻译 Electron 基础教程-1.2 谁在用Electron

谁在用Electron如今有太多的开源项目，你方唱罢我登场，Electron值得花费精力学习吗？虽然Electron最初是用来开发GitHub Atom编辑器的，后来很多公司发现这个技术是很棒的桌面应用解决方案。并且鉴于Electron由知名公司背书，使用的风险是很小的。如果你去Electron官网就会发现大量的成功案例。显然GitHub是Electron的忠实拥趸，Atom编辑器正是基于...

2018-08-20 21:55:42 1022

翻译 Electron 基础教程-1.1 Electron是什么

GitHub ELectron（简称Electron）允许你仅仅使用HTML、CSS和JavaScript就可以构建桌面应用，这听起来有些野心勃勃。实际上正如Apache Cordova（也叫PhoneGap）允许只用HTML、CSS和JS来构建移动应用，Electron为桌面开发提供新可能。Electron最初是用于开发新编辑器Atom的技术，在2013年由Github工程师赵成开发。一开始...

2018-08-20 21:54:36 5926

原创使用SVG做网页背景

使用重复的SVG图案（SVG Patterns）作为网页的背景，与传统的CSS相比有很多优点。本文介绍SVG制作网页背景的优势，并简要概括方法、相关资源和浏览器支持情况。SVG上手教程： SVG上手 Viewport and viewBox1. CSS方法首先看看传统的CSS方法如何将重复图案用作网页背景。原理很简单，我们将图案的URL指定给CSS的background属性（本例中...

2018-08-08 22:17:14 10082

Housz的博客