Electron + Vue + Vscode構建跨平臺應用（一）知識點補充

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