description: 通过 Electron 托盘（tray）实现后台执⾏⻓任务。 Electron 应⽤在执⾏⼀些⻓时间任务（⽐如上传、下载），我们想关闭界⾯后任务依旧执⾏。再次打开界⾯，依旧可以看到正在执⾏的任务以及任 务进度。托盘可以帮我们实现这个功能。 创建托盘和菜单示例 实例化 Tray 并传⼊图标路径； 创建菜单并配置到托盘中。 const { app, Menu, Tray tray.setContextMenu(contextMenu) }) 基于托盘功能实现后台运⾏应⽤ 关闭应⽤前唤醒对话框⼆次确认 关闭应⽤时，触发对话框，可⽀持 3 种场景： 点击「取消」取消关闭操作； 点击「退出」，「后台运⾏」选中时，界⾯关闭，托盘不关闭，任务继续执⾏； 点击「退出」，「后台运⾏」不选中，界⾯、托盘关闭，直接退出，任务终⽌。 mainWindow.on('close' createFromPath(path.resolve(__dirname, 'icon.png')), message: `确定要退出吗？`, detail: '选择后台运⾏，正在运⾏的任务将在系统托盘中继续运⾏。', checkboxLabel: '后台运⾏', checkboxChecked: true, buttons: btns, defaultId:

(entitlements files) 内添加你的应用需要的许可。 在签名应用之后，你可以使用 Application Loader 上传软件到 iTunes Connect 进行处理。请确保在上传之 前你已经 创建应用记录，再 提交进行审核。 为了让你的应用满足沙箱的所有条件，在 MAS 构建的时候，下面的模块已被禁用： crashReporter autoUpdater 并且下面的行为也改变了: 对于大多数DevTools的扩展，你可以直接下载源码，然后通过 BrowserWindow.addDevToolsExtension API 加载它 们。Electron会记住已经加载了哪些扩展，所以你不需要每次创建一个新window时都调用 BrowserWindow.addDevToolsExtension API。 注：React DevTools目前不能直接工作，详情留意 https://github JavaScript 控制的，精简版的 Chromium 浏览器。 在 Electron 里，运行 package.json 里 main 脚本的进程被称为主进程。在主进程运行的脚本可以以创建 web 页面的形式展示 GUI。 由于 Electron 使用 Chromium 来展示页面，所以 Chromium 的多进程结构也被充分利用。每个 Electron 的页面都在运行着自己的进程，这样的进程我们称之为渲染进程。

....7 2.1.5 安装浏览器..........................7 2.2 创建并准备项目.........................8 2.2.1 创建项目.............................8 2.2.2 创建包文件..........................8 2.2.3 启动服务器........... 功能.....13 2.3.1 准备 HTML 文件................14 2.3.2 创建数据模型.....................14 2.3.3 创建模板 ...........................17 2.3.4 创建组件 ...........................17 2.3.5 将应用程序组合起来..... 21 2.4.2 创建双向数据绑定..............25 2.4.3 添加待办事项.....................27 2.5 本章小结...................................29 第 3 章 创建项目................................... 31 3.1 准备创建项目...........

React与webpack Angular 2 从JavaScript迁移到TypeScript TypeScript Handbook（中文版） 8 快速上手 让我们使用TypeScript来创建一个简单的Web应用。 安装TypeScript 有两种主要的方式来获取TypeScript工具： 通过npm（Node.js包管理器） 安装Visual Studio的TypeScript插件 析，它可以分析代码结构和提供的类型注解。 TypeScript Handbook（中文版） 10 5分钟了解TypeScript 要注意的是尽管有错误， greeter.js 文件还是被创建了。 就算你的代码里有错 误，你仍然可以使用TypeScript。但在这种情况下，TypeScript会警告你代码可能 不会按预期执行。 接口 让我们开发这个示例应用。这里我们使用接口来描述一个拥 最后，让我们使用类来改写这个例子。 TypeScript支持JavaScript的新特性，比如 支持基于类的面向对象编程。 让我们创建一个 Student 类，它带有一个构造函数和一些公共字段。 注意类和接 口可以一起共作，程序员可以自行决定抽象的级别。 还要注意的是，在构造函数的参数上使用 public 等同于创建了同名的成员变量。 TypeScript Handbook（中文版） 11 5分钟了解TypeScript

counter: 0 5. } 6. } 7. } 8. 9. Vue.createApp(Counter).mount('#counter') 我们已经成功创建了第一个 Vue 应用！看起来这跟渲染一个字符串模板非常类似，但是 Vue 在背后 做了大量工作。现在数据和 DOM 已经被建立了关联，所有东西都是响应式的。我们要怎么确认呢？请 看下面的示例，其中 BookStack.CN 构建 在 Vue 中，组件本质上是一个具有预定义选项的实例。在 Vue 中注册组件很简单：如对 App 对象所做的那样创建一个组件对象，并将其定义在父级组件的 components 选项中： 1. // 创建 Vue 应用 2. const app = Vue.createApp(...) 3. 4. // 定义名为 todo-item 的新组件 5 todo