- 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 开源框架的环境设置。