Electron + Vue + Vscode构建跨平台应用（一）知识点补充

  开这个系列博客的主要目的：

  学会使用 JavaScript, HTML 和 CSS 构建跨平台应用，这里咱们将利用Vue.js语言进行页面开发，利用Electron来进行打包生成windows平台上的可执行文件

  知识点补充

1. Chrome V8引擎介绍   是 Google 用于其 Chrome 浏览器的底层 JavaScript 引擎   其目的是解析和执行JavaScript脚本，咱们常说的WebKit是由苹果2005年发起的一个开源项目，他是渲染引擎的一种，渲染引擎的目的是将HTML/CSS/JavaScript文本及相应的资源文件转化为用户可见的结果；

2. 一张网页是如何送达到用户眼前

   

     首先是网页内容，输入到HTML解析器，HTML解析器解析，而后构建DOM树，在这期间若是遇到JavaScript代码则交给JavaScript引擎处理；若是来自CSS解析器的样式信息，构建一个内部绘图模型。该模型由布局模块计算模型内部各个元素的位置和大小信息，最后由绘图模块完成从该模型到图像的绘制

3. 何为node.js何为node.js

      node.js是一个能够让javascript运行在服务器端的平台，它不是一种开发语言；他提供的是一个javascript运行环境；

     简单来讲它是采用非阻塞式I/O和事件驱动，依赖于Chrome的V8引擎进行代码解释的javascript运行环境

4. 何为Electron

  Electron官网

  Electron是由Github开发，目的是使用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 为了达成这个目的，Electron经过将Chromium和Node.js合并到同一个运行时环境中，而后将其打包为Mac，Windows和Linux系统下的应用；

  通俗的来说Electron给前端项目套上了一个壳，这个壳是能够让你使用纯 JavaScript 调用丰富的原生 APIs（操做系统API） 来创造桌面应用

5. 何为Vue

  Vue官网

  是一套构建用户界面的渐进式javascript框架，经过API 实现响应的数据绑定和组合的视图组件；

  Vue的数据驱动：数据改变驱动了视图的自动更新，传统的作法你得手动改变DOM来改变视图，vuejs只须要改变数据，就会自动改变视图；而不是经过jquery去操做DOM来实现更新了。

  视图组件化：把整一个网页的拆分红一个个区块，每一个区块咱们能够看做成一个组件。网页由多个组件拼接或者嵌套组成。

6. 何为Vue-cli

  他是帮助咱们更好使用Vue.js代码的一个架子，他有不少功能

7. 何为Webpack

  Webpack官网

  WebPack能够看作是模块打包机：它作的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用