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