Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
文共2205字,預(yù)計(jì)學(xué)習(xí)時(shí)長6分鐘
圖源:unsplash
當(dāng)聽到JavaScript這個(gè)詞的時(shí)候,“web開發(fā)”會(huì)一下子出現(xiàn)在我們的腦海中,因?yàn)镴avaScript在很長一段時(shí)間里一直是web應(yīng)用開發(fā)最廣泛使用的語言,Angular、React和Vue等框架目前也很有名。
盡管JavaScript主導(dǎo)著web開發(fā)領(lǐng)域,但是在移動(dòng)和桌面應(yīng)用開發(fā)領(lǐng)域,它不得不屈居于Java、C#和C++之下。然而,很多人可能沒注意到JavaScript對移動(dòng)和桌面應(yīng)用開發(fā)也產(chǎn)生了影響。
本文就將討論一些主要的JavaScript框架,以及它們在移動(dòng)和桌面應(yīng)用開發(fā)領(lǐng)域的優(yōu)缺點(diǎn)。
1.Electron
Electron是2013年推出的桌面應(yīng)用開發(fā)框架。Electron允許開發(fā)者使用HTML、CSS和JavaScript開發(fā)應(yīng)用,這與web開發(fā)棧很相似。此外,Electron是Node.js和Chromium的結(jié)合,這項(xiàng)結(jié)合使你能夠使用Electron運(yùn)行任何web應(yīng)用和Node應(yīng)用。
圖源:https://2019.stateofjs.com/mobile-desktop/electron/
Electron的優(yōu)點(diǎn):
· Chromium渲染用戶界面如同開發(fā)者工具一樣解鎖更多功能
· 功能類似web應(yīng)用
· 可以使用HTML、CSS和JavaScript進(jìn)行開發(fā)
· 可以專注核心應(yīng)用開發(fā), Electron負(fù)責(zé)所有繁瑣的初始化步驟
· 多平臺(tái)支持
· 使用npm模塊
Electron的缺點(diǎn):
· Chromium需要很大空間
· 安全問題
· 本地依賴性的跨平臺(tái)問題
2.React Native
React Native是目前最常用的移動(dòng)開發(fā)平臺(tái)之一。React native于2015年推出,很快在JavaScript開發(fā)者中流行開來,因?yàn)橐郧八麄儽仨殞W(xué)習(xí)像Java這樣的語言來開發(fā)移動(dòng)應(yīng)用。這種使用JavaScript開發(fā)移動(dòng)應(yīng)用的能力也吸引了許多web開發(fā)者使用React native開始了他們的移動(dòng)開發(fā)之旅。
圖源:https://2019.stateofjs.com/mobile-desktop/reactnative/
JavaScript和JSX是ReactNative的主要組件,能夠在Android和IOS平臺(tái)上使用大部分代碼是其大規(guī)模推廣背后的主要原因。React Native有許多優(yōu)點(diǎn),我列出的幾個(gè)重要優(yōu)點(diǎn)如下:
· 包含各種包和庫的大型生態(tài)系統(tǒng)
· 更短的開發(fā)時(shí)間
· 由Facebook支持的持續(xù)更新
· 多平臺(tái)支持
· 熱重裝
· 開源
· 支持創(chuàng)建簡化的用戶界面
· 大型社區(qū)和文檔
React Native的缺點(diǎn)有:
· 在一定程度上需要原生知識(shí)
· 相比純原生應(yīng)用,可能存在性能問題
· 安全問題
3.Ionic
Ionic是另一個(gè)基于Javascript的開源移動(dòng)開發(fā)框架,它與Angular密切相關(guān)。Ionic于2013年推出,它的黃金時(shí)代隨著Angular的崛起而到來。
與Electron相似,Ionic也包含HTML 5 SDK,能夠使用HTML、CSS和JavaScript開發(fā)本機(jī)應(yīng)用。Ionic的重點(diǎn)是構(gòu)建具有創(chuàng)新性和對用戶友好的應(yīng)用,以滿足應(yīng)用需求。但可悲的是,隨著React Native的大量推廣,Ionic的用戶數(shù)量正在減少。
圖源:https://2019.stateofjs.com/mobile-desktop/ionic/
Ionic的優(yōu)點(diǎn)有:
· 跨平臺(tái)支持
· 可以使用通用web開發(fā)技術(shù)進(jìn)行開發(fā)
· 包含預(yù)設(shè)的組件和主題
· 易于學(xué)習(xí)
· 內(nèi)置命令行界面
· 最新版本支持React和Vue
Ionic的缺點(diǎn)有:
· 不適合高性能應(yīng)用
· 熱重裝不可用
· 安全問題
· 缺乏穩(wěn)定插件
· 構(gòu)建過程常見隨機(jī)失敗
除了上面提到的那些框架,還有很多其他的,如原生應(yīng)用、Cordova和Expo,它們也可以用于開發(fā)移動(dòng)和桌面應(yīng)用。下圖顯示2019年State of JavaScript調(diào)查的統(tǒng)計(jì)數(shù)據(jù)。
圖源:https://2019.stateofjs.com/mobile-desktop/
可以清晰地看到,Electron和React Native都在頂端,而Ionic遠(yuǎn)遠(yuǎn)低于原生應(yīng)用和Expo。但是相比之下會(huì)選擇Ionic的原因是它基于Angular,如果你對Angular比較熟悉,Ionic學(xué)起來就會(huì)比較簡單。
然而,也有很多不是基于JavaScript的框架,比如Flutter,在移動(dòng)應(yīng)用開發(fā)競爭中發(fā)展迅速。我認(rèn)為這些JavaScript框架在未來很難與它們齊頭并進(jìn)。如果對使用JavaScript開發(fā)移動(dòng)和桌面應(yīng)用感興趣,Electron和React Native是你的最佳選擇。
留言點(diǎn)贊關(guān)注
我們一起分享AI學(xué)習(xí)與發(fā)展的干貨
如轉(zhuǎn)載,請后臺(tái)留言,遵守轉(zhuǎn)載規(guī)范
onic是以CLI為開發(fā)工具的hyrd app開發(fā)框架,在整合開發(fā)過程中CLI隨處可見,現(xiàn)在使用CLI進(jìn)行頁面的創(chuàng)建
注意
確保安裝以下環(huán)境
1.安裝 ionic
npm install -g ionic@latest
2.創(chuàng)建新的項(xiàng)目
ionic start zmApp
3.啟動(dòng)項(xiàng)目
ionic serve
4.添加新的頁面
ionic generate type Name –options
ionic 2.0 新增頁面文件
├── contact.html 頁面html結(jié)構(gòu)
├── contact.scss sass style
└── contact.ts TypeScript 代碼
inonic 3.0 新增頁面文件
.
├── contact.html
├── contact.module.ts
├── contact.scss
└── contact.ts
5.修改頁面引用相關(guān)內(nèi)容
6.新增Tab選項(xiàng)
-tabs.html
7.效果
此外,在CLI新增頁面后,需要Ctr+C,然后重新運(yùn)行才能生效
此之前濟(jì)南文匯傳媒的小編就已經(jīng)總結(jié)過APP開發(fā)中移動(dòng)APP的技術(shù)框架都有哪些。當(dāng)然,小編也只是總結(jié)了比較有代表性的開發(fā)框架,并沒有很面面俱到。這其中Ionic框架因?yàn)閮?yōu)勢比較明顯,所以今天濟(jì)南文匯傳媒的小編就單獨(dú)和您一起來看一下關(guān)于Ionic框架的優(yōu)點(diǎn)以及為什么要選擇使用它。
專業(yè)開發(fā)移動(dòng)APP/濟(jì)南文匯傳媒
首先,我們來看一下Ionic框架的官方解釋的含義。
Ionic框架是基于Web技術(shù)應(yīng)用HTML、CSS以及JavaScript技術(shù)進(jìn)行智能設(shè)備APP開發(fā)的框架,Ionic框架是用來開發(fā)混合模式的移動(dòng)APP開發(fā)框架。
關(guān)于Ionic框架的優(yōu)點(diǎn)以及要選擇使用它的原因?
1、全套的UI組件
Ionic框架很注重外觀的體驗(yàn),所以它提供了很多UI組件幫助開發(fā)者開發(fā)APP,比如:下拉刷新、標(biāo)簽等。界面美觀,開發(fā)者能夠很快的上手,開發(fā)的APP都很實(shí)用。
2、代碼容易維護(hù)
因?yàn)镮onic框架是基于AngularJS,也就支持AngularJS的特點(diǎn),遵循標(biāo)準(zhǔn)的代碼,維護(hù)代碼就很容易,能夠完美融合AngularJS。
3、支持跨平臺(tái)
可以在主流的Android操作系統(tǒng)和ios操作系統(tǒng)上運(yùn)行,或者其他的操作系統(tǒng)也可以支持。省去很多麻煩。
專業(yè)開發(fā)移動(dòng)APP/濟(jì)南文匯傳媒
4、很多強(qiáng)大的命令行工具
使用Ionic框架只需要一個(gè)命令就能夠創(chuàng)建部署應(yīng)用程序在任何平臺(tái)上,因?yàn)槊钚泄ぞ哂泻芏嘤杏玫墓δ芸梢詫?shí)現(xiàn)。
5、強(qiáng)大的社區(qū)、框架適用范圍廣
能夠編譯成各個(gè)平臺(tái)的應(yīng)用程序。
以上就是濟(jì)南文匯傳媒的小編能夠想到的關(guān)于Ionic框架的優(yōu)點(diǎn)以及為什么要選擇使用它。希望能夠幫助到您!
*請認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。