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等），並將其轉換和打包爲合適的格式供瀏覽器使用