无边框和透明窗口-51CTO学堂-node.js 窗口

{{ interaction.likeNum == 0 ? (pageType === 'video' ? '抢首赞' : '点赞') : formatNumber(interaction.likeNum) }} {{ interaction.collectionNum == 0 ? '收藏' : formatNumber(interaction.collectionNum) }} {{ interaction.discussNum == 0 ? (pageType === 'video' ? '抢沙发' : '讨论') : formatNumber(interaction.discussNum) }}

提问 {{ interaction.noteNum > 0 ? interaction.noteNum + '篇笔记' : '记笔记' }} 离线观看

下载学堂APP

缓存视频离线看

报告问题离线观看

下载学堂APP

缓存视频离线看

课程介绍

讨论{{interaction.discussNum ? '(' + interaction.discussNum + ')' : ''}}

适合人群

electron程序员,node.js程序员,web程序员,javascript程序员,极客

你将会学到

让学员了解Electron窗口相关API的使用方法

课程简介

购买本课程后，可以加51CTO学堂李宁老师官方交流群：550369460 注意，该群只允许购买李宁老师课程的学员进行技术交流，加群时需要提供在51CTO购买李宁老师课程的订单编号（任何一个课程的订单编号即可）。

本课程是《Electron实战》专题的第2个课程，本课程将帮助学员学习Electron中窗口的各种用法。

本课程同时在Windows和Mac OS X平台上操作和演示，同时也适合于Linux。不管学员使用什么平台，本课程的源代码都可以运行。

本课程的主要内容：

1. 窗口尺寸和位置
2.全屏窗口
3.无边框窗口和透明窗口
4.kiosk应用（锁定模式）
5.设置窗口图标
6.优雅地加载页面
7.父子窗口
8.模态窗口
9. 在关闭多窗口
10.窗口之间的交互（传递数据）
11. 文件展示窗口
12.打开对话框
13.保存对话框
14.消息对话框
15.错误对话框
16. 用HTML5 API打开子窗口
17. 在窗口中嵌入其他页面
18. 用eval方法向子窗口传递数据
19. 渲染当前页面
20. 屏幕API
21. 任务栏进度条

Electron是Github推出的开源免费的开发桌面应用的框架，现在Github被微软收购，所以Electron目前属于微软公司。 Electron依赖于Node.js，Node.js允许用JavaScript语言开发服务端程序和终端程序（也就是命令行程序），也就是说对于Web应用来说，Node.js + JavaScript = PHP。当然，Node.js不仅能做Web应用，还能做服务端的应用，通过Electron的加入，又让JavaScript增加了一项新技能，这就是开发跨平台桌面应用。Electron使用的技术与开发Web应用的技术基本相同，也就是Web三剑客：HTML、CSS和JavaScript。前两个是做界面的，JavaScript是编写逻辑代码的。通过Electron处理后，可以让Web应用在本地运行，也就是说，用Electron开发的桌面应用本质上就是在本地运行的Web应用。也就是说，Web程序员可以很容易地利用electron开发出强大的桌面应用。

那么可能有很多同学要问，既然Electron桌面应用就是在本地运行的Web应用，那么我们为什么要使用Electron呢？直接做些网页在本地运行不就可以了吗？用Electron主要有如下两点好处。

1. 由于Electron是基于Node.js的，也就是说，Electron应用可以调用Node.js中的大量API（包括第三方的API）、如网络、加密、存储等。

2. 桌面应用和Web应用的最显著差异就是桌面应用可以访问本地的资源，如连接到计算机上的本地硬件（打印机、扫描仪、摄像头、蓝牙等），还有OS的一些资源，如托盘、docker、touchbar等。而Web应用不可以（即使可以，也是通过安装本地的Web插件实现的）。Electron中提供了大量的API可以完成这项工作。