javascript可以寫桌面程序嗎

這篇文章主要介紹了javascript可以寫桌面程序嗎的相關(guān)知識,內(nèi)容詳細(xì)易懂,操作簡單快捷,具有一定借鑒價(jià)值,相信大家閱讀完這篇javascript可以寫桌面程序嗎文章都會有所收獲,下面我們一起來看看吧。

創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比東烏珠穆沁網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式東烏珠穆沁網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋東烏珠穆沁地區(qū)。費(fèi)用合理售后完善,十載實(shí)體公司更值得信賴。

javascript能寫桌面程序。在javascript中,可以利用Electron軟件框架來開發(fā)桌面程序;Electron是構(gòu)建跨平臺桌面應(yīng)用程序的一個開源庫,它提供了豐富的本地API,使開發(fā)者能夠使用純JS來創(chuàng)建桌面應(yīng)用程序。

本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

什么是桌面應(yīng)用程序

javascript可以寫桌面程序嗎

桌面應(yīng)用程序,又稱為 GUI 程序(Graphical User Interface),但是和 GUI 程序也有一些區(qū)別。桌面應(yīng)用程序 將 GUI 程序從GUI 具體為“桌面”,使冷冰冰的像塊木頭一樣的電腦概念更具有 人性化,更生動和富有活力。

那么javascript能寫桌面程序嗎?

javascript能寫桌面程序。JavaScript的世界越來越強(qiáng)大,可以使用Eletron類似的框架來輕松開發(fā)桌面級應(yīng)用程序了。

Electron 一個跨平臺的javascript桌面開發(fā)庫.

Electron是由Github開發(fā),用HTML,CSS和JavaScript來構(gòu)建跨平臺桌面應(yīng)用程序的一個開源庫。 Electron通過將Chromium和Node.js合并到同一個運(yùn)行時環(huán)境中,并將其打包為Mac,Windows和Linux系統(tǒng)下的應(yīng)用來實(shí)現(xiàn)這一目的。

Electron提供了豐富的本地(操作系統(tǒng))的API,使你能夠使用純JavaScript來創(chuàng)建桌面應(yīng)用程序。與其它各種的Node.js運(yùn)行時不同的是Electron專注于桌面應(yīng)用程序而不是Web服務(wù)器

Electron 可以讓你使用純 JavaScript 調(diào)用豐富的原生 APIs 來創(chuàng)造桌面應(yīng)用。你可以把它看作是專注于桌面應(yīng)用而不是 web 服務(wù)器的,io.js 的一個變體。

使用Electron開發(fā)的理由:

  • 使用具有強(qiáng)大生態(tài)的Web技術(shù)進(jìn)行開發(fā),開發(fā)成本低,可擴(kuò)展性強(qiáng),更炫酷的UI

  • 跨平臺,一套代碼可打包為Windows、Linux、Mac三套軟件,且編譯快速

  • 可直接在現(xiàn)有Web應(yīng)用上進(jìn)行擴(kuò)展,提供瀏覽器不具備的能力

  • 你是一個前端

當(dāng)然,我們也要認(rèn)清它的缺點(diǎn):性能比原生桌面應(yīng)用要低,最終打包后的應(yīng)用比原生應(yīng)用大很多。

開發(fā)體驗(yàn)

兼容性

雖然你還在用WEB技術(shù)進(jìn)行開發(fā),但是你不用再考慮兼容性問題了,你只需要關(guān)心你當(dāng)前使用Electron的版本對應(yīng)Chrome的版本,一般情況下它已經(jīng)足夠新來讓你使用最新的API和語法了,你還可以手動升級Chrome版本。同樣的,你也不用考慮不同瀏覽器帶的樣式和代碼兼容問題。

Node環(huán)境

這可能是很多前端開發(fā)者曾經(jīng)夢想過的功能,在WEB界面中使用Node.js提供的強(qiáng)大API,這意味著你在WEB頁面直接可以操作文件,調(diào)用系統(tǒng)API,甚至操作數(shù)據(jù)庫。當(dāng)然,除了完整的Node API,你還可以使用額外的幾十萬個npm模塊。

跨域

你可以直接使用Node提供的request模塊進(jìn)行網(wǎng)絡(luò)請求,這意味著你無需再被跨域所困擾。

強(qiáng)大的擴(kuò)展性

借助node-ffi,為應(yīng)用程序提供強(qiáng)大的擴(kuò)展性(后面的章節(jié)會詳細(xì)介紹)。

誰在用Electron

javascript可以寫桌面程序嗎

現(xiàn)在市面上已經(jīng)有非常多的應(yīng)用在使用Electron進(jìn)行開發(fā)了,包括我們熟悉的VS Code客戶端、GitHub客戶端、Atom客戶端等等。印象很深的,去年迅雷在發(fā)布迅雷X10.1時的文案:

從迅雷X 10.1版本開始,我們采用Electron軟件框架完全重寫了迅雷主界面。使用新框架的迅雷X可以完美支持2K、4K等高清顯示屏,界面中的文字渲染也更加清晰銳利。從技術(shù)層面來說,新框架的界面繪制、事件處理等方面比老框架更加靈活高效,因此界面的流暢度也顯著優(yōu)于老框架的迅雷。至于具體提升有多大?您一試便知。

你可以打開VS Code,點(diǎn)擊【幫助】【切換開發(fā)人員工具】來調(diào)試VS Code客戶端的界面。

javascript可以寫桌面程序嗎

Electron運(yùn)行原理

javascript可以寫桌面程序嗎

Electron 結(jié)合了 Chromium、Node.js 和用于調(diào)用操作系統(tǒng)本地功能的API。

1、Chromium

ChromiumGoogle為發(fā)展Chrome瀏覽器而啟動的開源項(xiàng)目,Chromium相當(dāng)于Chrome的工程版或稱實(shí)驗(yàn)版,新功能會率先在Chromium上實(shí)現(xiàn),待驗(yàn)證后才會應(yīng)用在Chrome上,故Chrome的功能會相對落后但較穩(wěn)定。

ChromiumElectron提供強(qiáng)大的UI能力,可以在不考慮兼容性的情況下開發(fā)界面。

2、Node.js

Node.js是一個讓JavaScript運(yùn)行在服務(wù)端的開發(fā)平臺,Node使用事件驅(qū)動,非阻塞I/O模型而得以輕量和高效。

單單靠Chromium是不能具備直接操作原生GUI能力的,Electron內(nèi)集成了Nodejs,這讓其在開發(fā)界面的同時也有了操作系統(tǒng)底層API的能力,Nodejs 中常用的 Path、fs、Crypto 等模塊在 Electron 可以直接使用。

3、系統(tǒng)API

為了提供原生系統(tǒng)的GUI支持,Electron內(nèi)置了原生應(yīng)用程序接口,對調(diào)用一些系統(tǒng)功能,如調(diào)用系統(tǒng)通知、打開系統(tǒng)文件夾提供支持。

在開發(fā)模式上,Electron在調(diào)用系統(tǒng)API和繪制界面上是分離開發(fā)的,下面我們來看看Electron關(guān)于進(jìn)程如何劃分。

4、主進(jìn)程

Electron區(qū)分了兩種進(jìn)程:主進(jìn)程和渲染進(jìn)程,兩者各自負(fù)責(zé)自己的職能。

javascript可以寫桌面程序嗎

Electron 運(yùn)行package.jsonmain 腳本的進(jìn)程被稱為主進(jìn)程。一個 Electron 應(yīng)用總是有且只有一個主進(jìn)程。

職責(zé):

  • 創(chuàng)建渲染進(jìn)程(可多個)

  • 控制了應(yīng)用生命周期(啟動、退出APP以及對APP做一些事件監(jiān)聽)

  • 調(diào)用系統(tǒng)底層功能、調(diào)用原生資源

可調(diào)用的API:

  • Node.js API

  • Electron提供的主進(jìn)程API(包括一些系統(tǒng)功能和Electron附加功能)

5、渲染進(jìn)程

由于 Electron 使用了 Chromium 來展示 web 頁面,所以 Chromium 的多進(jìn)程架構(gòu)也被使用到。 每個Electron 中的 web頁面運(yùn)行在它自己的渲染進(jìn)程中。

主進(jìn)程使用 BrowserWindow 實(shí)例創(chuàng)建頁面。 每個 BrowserWindow 實(shí)例都在自己的渲染進(jìn)程里運(yùn)行頁面。 當(dāng)一個 BrowserWindow 實(shí)例被銷毀后,相應(yīng)的渲染進(jìn)程也會被終止。

你可以把渲染進(jìn)程想像成一個瀏覽器窗口,它能存在多個并且相互獨(dú)立,不過和瀏覽器不同的是,它能調(diào)用Node API。

職責(zé):

  • HTMLCSS渲染界面

  • JavaScript做一些界面交互

可調(diào)用的API:

  • DOM API

  • Node.js API

  • Electron提供的渲染進(jìn)程API

關(guān)于“javascript可以寫桌面程序嗎”這篇文章的內(nèi)容就介紹到這里,感謝各位的閱讀!相信大家對“javascript可以寫桌面程序嗎”知識都有一定的了解,大家如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章標(biāo)題:javascript可以寫桌面程序嗎
分享URL:http://bm7419.com/article14/psojde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站網(wǎng)站收錄、App設(shè)計(jì)域名注冊、網(wǎng)站改版、虛擬主機(jī)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名