-
ionic
鎖定
- 軟件名稱
- ionic
- 軟件平台
- Node.js [5]
- 上線時間
- 2015年5月12日
- 最近更新時間
- 2023年5月3日
ionic發展歷史
ionic是基於Web技術應用HTML5、CSS3和JavaScript技術進行智能設備APP開發的框架，具有很好的跨平台性能，被稱為Hybird App框架，即混合模式的移動APP開發框架。ionic聚焦於感官和應用的Ui交互，它不是 Phone Gap或 Cordova的替代品，ionic只是在前端大幅度簡化了APP開發。為了發揮ionic的功能，需要 AngularJS的配合，雖然可以繼續使用 AngularJS的CSS內容，但會失去ionic提供的強大的交互、手勢、動畫等支持，因此在使用ionic時應避免使用其他CSS內容。
ionic的最終目的是讓基於HTML5開發本地智能設備APP的工作更加容易，這種APP被稱為混合APP。需要注意的是，ionic聚集移動本地化APP開發而不是基於移動設備的Web應用或移動網站開發。ionic默認的界面類似ios系統，但不是對ios系統的複製，在開發中不要忘記使用ionicons字體包，還需要注意ionic所針對的移動平台是新版本系統，對於過去的舊版本系統 ionic不予支持。
[1]
ionic是一個專注於用WEB開發技術，基於HTML5創建類似於手機平台原生應用的一個開發框架。綁定了AngularJS和Sass。這個框架的目的是從web的角度開發手機應用，基於PhoneGap（Cordova）的編譯平台，可以實現編譯成各個平台的應用程序。
ionic的開發添加android和ios環境。
ionic提供很多css組件和javascript Ui庫。
ionic框架特點
ionic是一個CSS和JavaScript Ui庫。其主要特點如下。
1．具有原生APP的運行性能
ionic的目的是開發移動APP，因此，它僅考慮了新的移動端的瀏覽器兼容，並不一定兼容PC機上的瀏覽器。其在性能上可與原生APP媲美。ionic專注於原生APP開發。
2．可維護性高
ionic採用AngularJS的設計思路，因此在應用維護、簡單性上繼承了AngularJS的優勢。
3．漂亮的Ui設計
ionic中的Ui完全為移動APP定製，簡單、簡潔、實用是其最大的特點，它在Ui設計上貫穿了非常多的移動組件、結構規範。其主題不僅華麗且具有很強的可擴展性。
4．輕量級框架
ionic基於AngularJS框架，但僅針對移動APP開發，遵循JavaStript的MVVM模式。
5．具有強大的命令行工具
ionic提供了命令行工具，可幫助開發者開發、調試、運行APP，可輕鬆地將APP部署到任何移動應用平台。
6．與AngularJS結合
ionic框架優勢
1.ionic 基於Angular語法。
2.ionic 是一個輕量級框架。
3.ionic 融合下一代移動框架，支持 Angularjs 的特性， MVVM ，代碼易維護。
4.ionic 提供了漂亮的設計，通過 SASS 構建應用程序，它提供了很多 Ui 組件來幫助開發者開發強大的應用。
5.ionic 專注原生，看不出混合應用和原生的區別
6.ionic 提供了強大的命令行工具。
7.ionic 性能優越，運行速度快。
ionic安裝方法
Window 和 Linux 上打開命令行工具執行以下命令：
$ npm install -g cordova ionic
Mac 系統上使用以下命令：
sudo npm install -g cordova ionic
提示: IOS需要在Mac Os X. 和Xcode環境下面安裝使用。
如果已經安裝了以上環境，可以執行以下命令來更新版本:
npm update -g cordova ionic
或
sudo npm update -g cordova ionic
- 參考資料
-
- 1. 張暑軍主編．基於HTML 5的APP開發教程：北京理工大學出版社，2016.11：第253頁
- 2. ionic原始學習資料 ．ionic官網[引用日期2015-04-30]
- 3. Arrow Forward ．ionicframework．2020-01-05[引用日期2023-05-07]
- 4. License ．ionicframework．2020-01-05[引用日期2023-05-07]
- 5. Arrow Forward ．ionicframework．2020-01-05[引用日期2023-05-07]
