
- Ionic 基礎教程
- Ionic - 首頁
- Ionic - 概覽
- Ionic - 環境設定
- Ionic CSS 元件
- Ionic - 顏色
- Ionic - 內容
- Ionic - 頁首
- Ionic - 頁尾
- Ionic - 按鈕
- Ionic - 列表
- Ionic - 卡片
- Ionic - 表單
- Ionic - 開關
- Ionic - 複選框
- Ionic - 單選按鈕
- Ionic - 範圍選擇器
- Ionic - 選擇器
- Ionic - 標籤頁
- Ionic - 網格
- Ionic - 圖示
- Ionic - 內邊距
- Ionic Javascript 元件
- Ionic - JS 動作表單
- Ionic - JS 背景
- Ionic - JS 內容
- Ionic - JS 表單
- Ionic - JS 事件
- Ionic - JS 頁首
- Ionic - JS 頁尾
- Ionic - JS 鍵盤
- Ionic - JS 列表
- Ionic - JS 載入
- Ionic - JS 模態框
- Ionic - JS 導航
- Ionic - JS 彈出框
- Ionic - JS 彈窗
- Ionic - JS 滾動
- Ionic - JS 側邊選單
- Ionic - JS 滑動框
- Ionic - JS 標籤頁
- Ionic 高階概念
- Ionic - Cordova 整合
- Ionic - AdMob
- Ionic - 相機
- Ionic - Facebook
- Ionic - 應用內瀏覽器
- Ionic - 原生音訊
- Ionic - 地理位置
- Ionic - 媒體
- Ionic - 啟動畫面
- Ionic 有用資源
- Ionic - 快速指南
- Ionic - 有用資源
- Ionic - 討論
Ionic - 概覽
Ionic 是一個基於AngularJS 和 Cordova 的前端 HTML 框架。根據其官方文件,Ionic 開源框架的定義如下:
Ionic 是一個HTML5 移動應用開發框架,旨在構建混合移動應用。可以將 Ionic 視為處理應用所需的所有外觀、感覺和 UI 互動的前端 UI 框架。有點像“原生應用的 Bootstrap”,但支援廣泛的常用原生移動元件、流暢的動畫和漂亮的設計。
Ionic 框架特性
以下是 Ionic 最重要的特性:
AngularJS - Ionic 使用 AngularJS MVC 架構構建針對移動裝置最佳化的豐富的單頁應用程式。
CSS 元件 - 這些元件具有原生外觀和感覺,提供了移動應用程式所需的大部分元素。可以輕鬆覆蓋元件的預設樣式以適應您自己的設計。
JavaScript 元件 - 這些元件使用 JavaScript 功能擴充套件 CSS 元件,以涵蓋僅使用 HTML 和 CSS 無法實現的所有移動元素。
Cordova 外掛 - Apache Cordova 外掛提供了使用 JavaScript 程式碼呼叫原生裝置功能所需的 API。
Ionic CLI - 這是一個由 NodeJS 提供支援的實用程式,包含用於啟動、構建、執行和模擬 Ionic 應用程式的命令。
Ionic View - 一個非常有用的平臺,用於將您的應用程式上傳、共享並在原生裝置上進行測試。
許可證 - Ionic 在 MIT 許可證下發布。
Ionic 框架優勢
以下是 Ionic 框架的一些最常見的優勢:
Ionic 用於混合應用開發。這意味著您可以為 iOS、Android、Windows Phone 和 Firefox OS 打包您的應用程式,這可以節省大量工作時間。
由於 Ionic 提供了帶有簡單佈局的有用預生成應用設定,因此啟動您的應用非常容易。
這些應用以非常簡潔和模組化的方式構建,因此易於維護和更新。
Ionic 開發者團隊與 Google 開發者團隊保持著良好的合作關係,並且他們正在共同努力改進該框架。更新定期釋出,Ionic 支援團隊隨時準備在需要時提供幫助。
Ionic 框架侷限性
以下是 Ionic 框架的一些最重要的侷限性:
測試可能很棘手,因為瀏覽器並不總是提供有關手機環境的正確資訊。有太多不同的裝置和平臺,您通常需要涵蓋其中大部分。
組合不同的原生功能可能很困難。在很多情況下,您會遇到外掛相容性問題,這會導致難以除錯的構建錯誤。
混合應用往往比原生應用慢。但是,隨著移動技術的快速發展,這在未來將不再是一個問題。
在下一章中,我們將瞭解 Ionic 開源框架的環境設定。