一、前言
前一章我们主要学习了如何使用模板来创建一个窗口，并顺带讲解了一下这个模板中的代码结构。
但总的来说，前面三个章节都只是在做准备工作而已。
而从本章开始，我们就正式踏入学习Electron的旅程了。
既然这个框架是做GUI软件的，那窗口自然就是最重要的，所以我们本章就以窗口开始学习。
二、了解窗口
首先我们需要明白的一个点就是：窗口不是应用程序！
正如前面章节从代码中看到的那样，app这个实例代表当前这个应用程序。
但只有它还不够，因为没有窗口的命令行程序(也称CLI``，Command Line Interface，命令行接口)也是程序，只不过两者的交互方式不一样而已。
窗口只是应用程序的一种交互方式，也就是我们常常能看到的GUI（Graphical User Interface，图形用户接口）。
所以一个应用程序既可以没有窗口，也可以创建多个窗口，只不过我们看到一个窗口的应用程序居多，因为其开发起来更加简单、使用起来更加简洁，仅此而已，
窗口就像一块画布，你是可以任意绘制的，不同框架提供的绘制方式并不相同。
对于Electron框架来说，窗口就是通过html、js、css这三大前端基石来完成的，所以学习本系列的前提是，你得学会这三个基础。
这三个并不难，一天你可能就能看完（可以跟着B站上的相关免费课程学习），自己试着写个小网页，一周估计就能练熟。
一个传统化的标准窗口程序一般会包含以下五个部分：
- 标题栏：即窗口最上面、包含最大最小化的那一行，还可以用于鼠标拖动窗口。
- 菜单栏：存放各种功能命令，一般在标题栏下方
- 工具栏：存放各种常用功能，一般在菜单栏下方，但在现代应用程序中已经很少见到了（
word这种软件中你也还是能看到）。 - 内容区域：窗口正中间，工具栏的下方，这个区域就是我们可以发挥想象力的地方了，你可以在其中存放任何东西。
- 状态栏：窗口最下面，也就是内容区域的下面，用于显示一些状态信息的。
比如windows系统自带的记事本程序：
比如wps的工具栏：
但这也仅仅只是传统的窗口模式，现在的很多应用程序已经逐渐开始模糊了各个区域的边界。
比如像上面看到的记事本、wps，它们的标题栏除了最基本的功能外，还多了一个标签页的功能，更加节约空间的同时也会更加美观。
但想要做到这一点并不容易，因为这超出了传统的窗口模式，系统本身的窗口是不支持的。
