大家好，今天給大家分享最新的如何用electron開發逼格的計算器
好了，直接進入正題。
渲染進程
對於electron應用來說，首先要分清它的主進程和渲染進程。如果把electron看做一個遊覽器，那主進程可以看做控制這個遊覽器，比如創建一個網頁進程，窗口大小。而渲染進程則可以看做網頁裡的腳本js文件，只能控制當前網頁，如果它要操作GUI，則需要兩者通訊的模塊。
簡單來看，主進程就是electron那個控制窗體的入口文件，渲染進程就是頁面的js文件，不過，也不要有開發網頁的思維，這些頁面的js文件同樣可以用模塊化代碼。
const Calculator = require('./src/Calculator');
開發的時候，你可以選擇用webpack等打包工具，打包好js文件，也可以這樣直接上，我認為如果不用什麼框架的話，沒什麼用打包工具的必要，因為壓縮代碼，減少請求什麼的對electron應用來說用不著。
開發的時候轉變一下前端的思維
啟動應用和入口文件
在當前項目目錄下，安裝好electron，執行
electron .
即可啟動應用。electron會根據package.json裡面的main為入口文件，如果沒有寫，則默認為index.js。
啟動白屏問題
如果按照文檔中的實例入口文件來寫，會發現，應用啟動到展示這段時間，窗口是白屏的，這是因為應用還沒來的及渲染完，解決方法是默認就關閉窗口，等頁面渲染完畢的時候再啟動:
好了，今天的內容就分享到這裡，如果覺得本文對你有所幫助，可以關注和轉發幫助到正在學習前端的小夥伴
你也可以下方留言，跟著小編一起學習交流提升前端開發能力！
分享到:
閱讀更多 易學前端筆記 的文章
