title: Electron 应⽤处理⻓任务 date: 2020-11-26 tags: electron, node description: 通过 Electron 托盘（tray）实现后台执⾏⻓任务。 Electron 应⽤在执⾏⼀些⻓时间任务（⽐如上传、下载），我们想关闭界⾯后任务依旧执⾏。再次打开界⾯，依旧可以看到正在执⾏的任务以及任 务进度。托盘可以帮我们实现这个功能。 关闭应⽤前唤醒对话框⼆次确认 关闭应⽤时，触发对话框，可⽀持 3 种场景： 点击「取消」取消关闭操作； 点击「退出」，「后台运⾏」选中时，界⾯关闭，托盘不关闭，任务继续执⾏； 点击「退出」，「后台运⾏」不选中，界⾯、托盘关闭，直接退出，任务终⽌。 mainWindow.on('close', (e) => { dialog.showMessageBox({ title: '退出' createFromPath(path.resolve(__dirname, 'icon.png')), message: `确定要退出吗？`, detail: '选择后台运⾏，正在运⾏的任务将在系统托盘中继续运⾏。', checkboxLabel: '后台运⾏', checkboxChecked: true, buttons: btns,

JavaScript 的基本语法 语句 基本语法 - 32 - 本文档使用 书栈(BookStack.CN) 构建 行。一般情况下，每一行就是一个语句。 语句（statement）是为了完成某种任务而进行的操作，比如下面就 是一行赋值语句。 1. var a = 1 + 3; 这条语句先用 var 命令，声明了变量 a ，然后将 1 + 3 的运算结果 赋值给变量 a 。 1 JavaScript还有一个三元运算符（即该运算符需要三个运算 子） ?: ，也可以用于逻辑判断。 1. (条件) ? 表达式1 : 表达式2 上面代码中，如果“条件”为 true ，则返回“表达式1”的值，否则返 回“表达式2”的值。 1. var even = (n % 2 === 0) ? true : false; 上面代码中，如果 n 可以被2整除，则 even 等于 true ，否则等 于 连续做25次平方，由于最后结果太接近0，超出 了可表示的范围，JavaScript 就直接将其转为0。 JavaScript 提供 Number 对象的 MAX_VALUE 和 MIN_VALUE 属性，返 回可以表示的具体的最大值和最小值。 1. Number.MAX_VALUE // 1.7976931348623157e+308 2. Number.MIN_VALUE // 5e-324 JavaScript

typeof 反而不会报错。 typeof undeclared_variable // "undefined" 上面代码中， undeclared_variable 是一个不存在的变量名，结果返 回“undefined”。所以，在没有 let 之前， typeof 运算符是百分之百安全的，永 远不会报错。现在这一点不成立了。这样的设计是为了让大家养成良好的编程习 惯，变量一定要在声明之后使用，否则就报错。 函数里面的 this ，如果函数不是作为对象的方法运行，而是单纯作为函数运 行， this 会指向顶层对象。但是，严格模式下，这时 this 会返 let 和 const 命令 42 回 undefined 。 不管是严格模式，还是普通模式， new Function('return this')() ，总 是会返回全局对象。但是，如果浏览器用了CSP（Content Security const square = n => n * n; 上面代码只用了两行，就定义了两个简单的工具函数。如果不用箭头函数，可能就 要占用多行，而且还不如现在这样写醒目。 箭头函数的一个用处是简化回调函数。 函数的扩展 146 // 正常函数写法 [1,2,3].map(function (x) { return x * x; }); // 箭头函数写法 [1,2,3].map(x

。如果你遇到ECMAScript这个词，简单把它替换为 JavaScript就行了。 JavaScript语言是在10天时间内设计出来的，虽然语言的设计者水平非常NB，但谁也架不住“时间 紧，任务重”，所以，JavaScript有很多设计缺陷，我们后面会慢慢讲到。 此外，由于JavaScript的标准——ECMAScript在不断发展，最新版ECMAScript 6标准（简称ES6） 已 打开新浪首页，然后查看页面源代码，找一找引入的JavaScript文件和直接编写在页面中的 JavaScript代码。然后在Chrome中打开开发者工具，在控制台输入 console.log('Hello'); ，回 车查看JavaScript代码执行结果。 原文: https://wizardforcel.gitbooks.io/liaoxuefeng/content/js/3.html 练习 2 快速入门 的形式访问一个属性了。 实际上JavaScript对象的所有属性都是字符串，不过属性对应的值可以是任意数据类型。 如果访问一个不存在的属性会返回什么呢？JavaScript规定，访问不存在的属性不报错，而是返 回 undefined ： 1. var xiaoming = { 2. name: '小明' 3. }; 4. xiaoming.age; // undefined 由于JavaS

分发应用 - 8 - 本文档使用 书栈(BookStack.CN) 构建 手动检查 Electron 代码并重编译是很复杂晦涩的，因此有一个Grunt任务可以自动的处理这些内容 grunt- build-atom-shell. 这个任务会自动的处理编辑 .gyp 文件，从源代码进行编译，然后重编译你的应用程序的本地 Node 模块以匹配 这个新的可执行文件的名称。 分发应用 - 的多进程结构也被充分利用。每个 Electron 的页面都在运行着自己的进程，这样的进程我们称之为渲染进程。 在一般浏览器中，网页通常会在沙盒环境下运行，并且不允许访问原生资源。然而，Electron 用户拥有在网页中调 用 Node.js 的 APIs 的能力，可以与底层操作系统直接交互。 主进程使用 BrowserWindow 实例创建页面。每个 BrowserWindow 实例都在自己的渲染进程里运行页面。当一个 参照下面例子 快速入门 - 34 - 本文档使用 书栈(BookStack.CN) 构建 不同的操作系统在各自的桌面应用上提供了不同的特性。例如，在 windows 上应用曾经打开的文件会出现在任务栏 的跳转列表，在 Mac 上，应用可以把自定义菜单放在鱼眼菜单上。 本章将会说明怎样使用 Electron APIs 把你的应用和桌面环境集成到一块。 这三个操作系统都为用户提供了发送通知的

框架注册 VSync 回调之后，通过 C++ 侧的 VsyncWaiter 类等待 VSync 前端 < 5 信号，后者通过 JNI 等一系列调用，最终 Java 侧的 VsyncWaiter 类调用 Android SDK 的 Choreographer.postFrameCallback 方 法， 再 通 过 JNI 一 层 层 传 回 Flutter 引擎消费掉此回调。Java 侧的 iOS Grand Central Dispatch 的线程 API，模拟出 VSync 的信号触发 与回调： @Override public void asyncWaitForVsync(long cookie) { // 模拟每秒 60 帧的屏幕刷新间隔：向主线程发送一个异步任务 , 16ms 后调用 applicationContext.getUITaskDispatcher() // 创建一个用于管理 Surface 的容器组件 SurfaceProvider surfaceProvider = new SurfaceProvider(context); // 注册视图创建回调 surfaceProvider.getSurfaceOps().get().addCallback(surfaceCallback); // ... 在 surfaceCallback 中 @Override

greeter(user); 类型注解 TypeScript里的类型注解是一种轻量级的为函数或变量添加约束的方式。 在这个例 子里，我们希望 greeter 函数接收一个字符串参数。 然后尝试把 greeter 的调 用改成传入一个数组： function greeter(person: string) { return "Hello, " + person; } var user = [0, 1 pipe(gulp.dest('wwwroot/scripts')) }); 第一行是告诉Visual Studio构建完成后，立即运行'default'任务。 当你应答 Visual Studio 清除构建内容后，它也将运行'clean'任务。 现在，右击 gulpfile.js 并选择Task Runner Explorer。 若'default'和'clean'任 务没有显示输出内容的话，请刷新explorer： 构建中 最后，我们需要确保 Angular 文件作为 build 的一部分复制进来。 我们需要添加： 1. 库文件目录。 2. 添加一个 lib 任务来输送文件到 wwwroot 。 3. 在 default 任务上添加 lib 任务依赖。 更新后的 gulpfile.js 像如下所示： TypeScript Handbook（中文版） 26 ASP.NET Core ///

next: 异步编程的问题 变量量读写冲突 异步任务1 异步任务2 共享变量量 读、写 读、写 IO阻塞 回调地狱 Future也有不不⾜足 • get 很容易易导致另⼀一个对象阻塞 • 不不⽀支持多值、⾼高级错误处理理 next: 多任务求解1-10,000,000的和 序号 语⾔言 关键点 1 JavaScript 不不再有回调地狱，变异步为顺序化思维，程序更更加可读 2 Java （1）fork/join （2）CompletableFuture （3）反应式编程（Reactive Programming ) next: JavaScript 关键点：不不再有回调地狱，变异步为顺序化思维，程序更更加可读 2010年年 ECMAScript 5 2015年年 ECMAScript 6 2017年年 ECMAScript 2017 单线程事件循环 (2)AKKA：分布式计算框架 2014年年 Scala2.11 2016年年 Scala2.12 2017年年 Scala2.12.4 创建异步任务就是这么简洁 异步任务之间的连续处理理也是这么简洁 例例⼦子Scala实现 对⽐比：Java8 CompletableFuture实现 AKKA分布式计算框架 • 核⼼心概念：Actor，是⾏行行为和状态的容器器

}); 第一行是告诉Visual Studio构建完成后，立即运行’default’任务。 当你应答 Visual Studio 清除构建内容后，它也将运行’clean’任务。 现在，右击 gulpfile.js 并选择Task Runner Explorer。 若’default’和’clean’任务没有 显示输出内容的话，请刷新explorer： 在 wwwroot 中添加一个新建项 } 最后，我们需要确保 Angular 文件作为 build 的一部分复制进来。 我们需要添加： 1. 库文件目录。 2. 添加一个 lib 任务来输送文件到 wwwroot 。 3. 在 default 任务上添加 lib 任务依赖。 更新后的 gulpfile.js 像如下所示： 1. /// 任务。 首先，将 app.ts 改成： 1. import {Component} from "angular2/core" 2. import {MyModel} from "./model"

也有一些其它的钩子，在实例生命周期的不同阶段被调用，如 mounted、updated 和 unmounted。生命周期钩子的 this 上下文指向调用它的当前活动实例。 TIP 不要在选项 property 或回调上使用箭头函数)，比如 created: () => console.log(this.a) 或 vm.$watch('a', newValue => this.myMethod()) 。因为箭头函数并没有 性。当你有一些数据 需要随着其它数据变动而变动时，你很容易滥用 watch ——特别是如果你之前使用过 AngularJS。 然而，通常更好的做法是使用计算属性而不是命令式的 watch 回调。细想一下这个例子： 1. 1. const vm = Vue.createApp({ 2. data() { 3 component('async-example', AsyncComp) 如你所见，此方法接受返回 Promise 的工厂函数。从服务器检索组件定义后，应调用 Promise 的 resolve 回调。你也可以调用 reject(reason) ，以指示加载失败。 你也可以在工厂函数中返回一个 Promise ，所以把 webpack 2 和 ES2015 语法加在一起，我们 可以这样使用动态导入：