共计 1730 个字符,预计需要花费 5 分钟才能阅读完成。
导读 | 什么是 Ionic Framework?Ionic Framework 允许你使用已经熟悉的 web 技术轻松搭建移动 app 应用。 |
好消息是: 如果你能设法创建网站,你就已经知道如何构建移动应用了。Ionic 框架提供了最好的 web 和原生应用组件,用于构建高度交互的本地和渐进的 web 应用程序。
它是唯一一个允许开发者为所有应用商店和移动网络设计应用程序的移动应用程序栈,使用一个独特的代码库。此外,Ionic 的平台连续性保证你的应用程序在每一个设备上看起来都很出色。
它为 web 开发人员提供了一个完整的移动工具包,以及你在几分钟之内就可以创建好一个完整移动应用程序所需要的一切。
您可以将 Ionic 看作前端 UI 框架,它处理您的应用程序需要的所有外观和 UI 交互。它就像一种“本地的引导程序”,但支持广泛的普通本地移动组件、流畅的动画和令人难以置信的设计。
我们现在将提到使 Ionic 框架如此坚固的关键部分。
Ionic CLI 是开发 Ionic 应用程序的绝佳工具。它将帮助你在开发过程中做一些事情,比如为 ios 或 android 平台构建你的应用程序,或者添加 cordova 插件。通过键入 $ ionic –help 在您的控制台中提供帮助,您可以看到您可以使用的所有可用命令的列表。
Ionic 致力于丰富用户界面,并使用 AngularJS 构建功能应用程序结构。这提供了一种力量与美感的结合。核心的移动 UI 范例和退出盒子组件对于开发者来说很方便,允许他们集中精力组装应用程序,而不是普通的用户界面元素。
这些包括列表视图,导航组件,如侧菜单和标签栏,动作表单,等等。
为了构建功能应用程序结构,Ionic 充分利用了 Angular。这包括用户体验交互,如表单验证、视图和所有样板间的导航逻辑,创建定制的 UI 组件,这些组件创建一个一致的应用程序,而不仅仅是 html 和 css。
在官方文档中,您可以找到更多的信息和示例,例如复选框、切换、刷新、可滚动窗格、无限滚动等等。
Ionic Native 是一种用 TypeScript 包装的 Cordova 插件,使我们可以使用任何移动本机功能。
一个典型的例子是,如果你想在你的应用程序中使用手机的摄像头,让用户 [拍照]5。有很多 Ionic 原生插件可以用来扩展你的应用功能。
AngularJS 是一个 JavaScript 开源前端 web 应用程序框架。它主要由 Google 和扩展的人员和公司社区共同承担,以应对开发单页,跨平台,高性能应用程序时面临的许多挑战。它完全可扩展,并且能与其他库很好地工作。有关更多细节,请访问其官方页面。
在过去几年中,Angular 2 结构已经以令人印象深刻的方式展开和发展。并不是替代了 AngularJS 1.x,而应该将 Angular2 理解为基于 AngularJS 1.x 经验教训下,产生的完整新框架。
因此,Angular 应用于表示 Angular 2,AngularJS 则的暗示 AngularJs 1.x。
这里我们将相互提及 Angular 和 Angular2,但是它们都参考 Angular2 或更高版本,如 Angular4。
Ionic2+ 包含了您已经知道和热爱的关于 Ionic1 的东西,并构建在它的基础之上,以提供一个更加灵活和成熟的框架。就我个人而言,作为一名开发人员,我发现 Ionic 2 + 的应用程序比 Ionic 1 应用程序更出色。
Ionic 1 基于 Angular 1.x,Ionic 2 基于 Angular >= 2.x。
通过单独使用 Angular >= 2.x 获得的性能提升是显著的。
的不同。我们不使用 url 来导航,而是使用它们来确保我们总是能回到页面 (例如,在应用程序发布上)。这意味着我们不局限于使用 href 来导航。然而,我们仍然可以选择在必要时使用 URL 导航到页面。
所有的 Ionic 2 组件都使用了著名的 push 策略,这意味着改变检测不是一直执行的,只有在输入更改时才执行。