Ionic概述 Ionic环境设置 Ionic 是一个基于 AngularJS 和 Cordova 构建的前端HTML框架。根据其官方文件,该Ionic开源框架的定义如下 - Ionic是一个 HTML5移动应用程序开发框架, 旨在构建混合移动应用程序。将Ionic视为前端UI框架,可以处理应用程序需要引人注目的所有外观和UI交互。有点像“Bootstrap for Native”,但支持广泛的常见原生移动组件,光滑的动画和漂亮的设计。 Ionic框架功能 以下是Ionic最重要的特征 AngularJS - Ionic正在使用AngularJS MVC架构来构建针对移动设备优化的丰富单页应用程序。 CSS components - 这些组件具有原生外观,几乎提供了移动应用程序所需的所有元素。 组件的默认样式可以轻松覆盖,以适应您自己的设计。 JavaScript components - 这些组件使用JavaScript功能扩展CSS组件,以涵盖所有仅使用HTML和CSS无法完成的移动元素。 Cordova Plugins --Apache Cordova插件提供了使用JavaScript代码使用本机设备功能所需的API。 Ionic CLI - 这是NodeJS实用程序,具有启动,构建,运行和模拟Ionic应用程序的命令。 Ionic View - 非常有用的平台,用于在本机设备上上传,共享和测试您的应用程序。 Licence - Ionic在MIT许可下发布。 Ionic框架的优点 以下是一些最常见的Ionic框架优势 - Ionic用于混合应用程序开发。这意味着您可以将应用程序打包为IOS,html,Windows Phone和Firefox OS,这可以为您节省大量的工作时间。 启动您的应用程序非常简单,因为Ionic提供了有用的预生成应用程序设置和简单的布局。 这些应用程序以非常干净和模块化的方式构建,因此它非常易于维护且易于更新。 Ionic Developers Team与Google Developers Team保持着良好的合作关系,他们正在共同努力改进框架。更新定期发布,Ionic支持小组随时愿意提供帮助。 Ionic框架限制 以下是一些最重要的Ionic框架限制 - 测试可能很棘手,因为浏览器并不总能为您提供有关电话环境的正确信息。有许多不同的设备和平台,你通常需要覆盖其中的大多数。 结合不同的原生功能可能很难。在许多情况下,您会遇到插件兼容性问题,这会导致难以调试的构建错误。 混合应用程序往往比本机应用程序慢。但是,由于移动技术正在快速提升,因此未来不会成为问题。 在下一章中,我们将了解Ionic开源框架的环境设置。 Ionic教程内容导航 Ionic概述 Ionic环境设置 Ionic颜色类 Ionic内容 Ionic标题 Ionic页脚 Ionic按钮 Ionic列表 Ionic卡片 Ionic表单 Ionic切换 Ionic复选框 Ionic单选按钮 Ionic范围 Ionic选择 Ionic标签 Ionic网格 Ionic图标 Ionic填充 Ionic Javascript操作表 Ionic Javascript背景 Ionic Javascript内容 Ionic Javascript表单 Ionic Javascript事件 Ionic Javascript标题 Ionic Javascript页脚 Ionic Javascript键盘 Ionic Javascript列表 Ionic Javascript加载 Ionic Javascript模态 Ionic Javascript导航 Ionic Javascript Popover Ionic JavaScript弹出窗口 Ionic JavaScript滚动 Ionic JavaScript侧面菜单 Ionic JavaScript幻灯片盒 Ionic Javascript标签 Ionic Cordova集成 Ionic AdMob Ionic 相机 Ionic Facebook Ionic InAppBrowser Ionic Native Audio Ionic Native Audio Ionic Geolocation Ionic Media Ionic 图标和启动画面 Ionic环境设置