手机webAPP框架之Ionic

jopen 9年前

说实话,webApp这两年大有赶超原生app的势头,就webApp本身来讲还有很多缺点,执行效率就是其中一个 硬伤。但是国外又有个安迪的人说过,只有软件吃掉硬件的时候硬件才需要跟新换代,这样硬件才有生命力。这个用来证明webApp存在的意义未免有些牵强。 但除此之外,webApp生成应用的速度短,产品迭代快,也正是小资本的创业团队推崇它的原因。

手机webAPP框架之Ionic

Ionic 框架 </p>

Ionic框架我们前五个web app框架中最年轻的,阿尔法版本是在2013年11月下旬发布Ionic是建立在google的AngularJS框架上的,Ionic利用AngularJS提供应用结构,而本身关注的用户界面。换句话说,我们将会看到强大的Angular和每秒Ionic的一个完美的组合

Ionic(自定义HTML元素)为它的组件提供了一组Angular指令,使其很容易使用小部件,简单的就像写一行HTML代码一样。除了指令,Ionic使用Angular的触摸识别器,视图动画逻辑,HTML生态和异步通信。

虽然可以在克隆和解压以后直接使用,同样你也可以使用npm包管理器来安装基于node-js的客户端,然后迅速开始你的种子项目。

尽管Angular是目前离子的主力,开发人员保持开放的选项来支持它们的框架,例如Knockout或者Emberjs。这个特别的审查AngularJS强烈影响着,随着Ionic渐渐的支持其他框架,并不保证其准确性

MV* Pattern

Angular JS过去被用来作为MVC框架,但是随着时间的推移,当$scope对象作为一个视图模型的情况下,就视图模型来讲它通过控制器来进行操纵,这也使得Ionic变得更接近MVVM框架。这样一个灵活的方法开发人员可以根据他们喜好来使用MVC或MVVM,只要他们的目标能被事项就行,MVVM框架将显示从从业务逻辑分离从而提高可维护性和生产力。

类系统

Angular JS或Ionic都不是面向对象的JavaScript框架,因此它们无法使用类系统这可能被视作该框架的弱点或强点,其仅仅取决JavaScript前端需要的简易程度

DOM 控制

Angular 嵌入了jqLite,jqlite是jQuery的一小部分,允许跨浏览器兼容的方式进行DOM操作。就扩展功能而言的话,jQuery可以加载文档。

UI and Theme

谈及到UI,Ionic显示其内在的潜力Ionic真正的美在于它的简单性。几乎所有的google风格中,它使用现有HTML5和CSS3功能提供快速的体验。速度是完全在它的简单-没有不必要的阴影,圆角,梯度,只需要扁平简洁活力,,清洁简单,强大,纯粹的HTML5。Ionic并不保证你原生外观UI,但它确实提供非常快的和一致的接口,即使在你认为HTML5应用程序渲染效果很慢

手机webAPP框架之Ionic 

通过SASS来进行定制,Ionic有方便的变量和mixin扩展定制的外观。此外,它的开源图标库有440多个图标可供选择。

小部件

Ionic的组件是非常简单的。他们可以根据Angular指令的原型来定制HTML元素,Ionic还提供控制器来补充配置和交互。虽然有些框架可以提供更复杂的小部件,Ionic提供了一些简单的构建块,这些构建块可以提供丰富的用户界面。alpha版本,该框架提供了大量的表单元素,页眉和页脚、按钮、一个简单的和可定制的项目列表,网格元素等等。

响应式设计

 

在内部,Ionic利用响应Web设计原则根据屏幕大小或像素密度产生优化的体验。任何app-specific RWD场景将受到欢迎合很好地实现。

桌面支持

 

用于混合移动应用程序(可安装在移动设备上通过应用程序商店),Ionic并不意味着用于桌面web应用程序/网站。虽然内容将会显示的很好,它任然需要做一些优化才能目的。那些希望创建应用程序,适合这两种环境中可以留在角JS,但是使用Zurb开发基础上,推ter引导或类似的UI库。

第三方插件

    当前没有第三方插件或扩展可用

 

扩展

多扩展性会从CSS(S)或Angular指令和控制器衍生出来。这将会使得扩展成为应用程序的一个组成部分,,不可避免,但不要求。即使开发人员Ionic的新人,Angular也不需要斗争。

构建工具

Gulp是用来构建Ionic  # 1 JavaScript构建工具,为你的项目目的更加具有吸引力。

打包(原生)

Ionic应用程序将需要外部工具用于包装。这来和PhoneGapCordova和Trigger.io一起工作

设备APi

     Ionic不支持设备api。

文档

Ionic文档是合适的完成的alpha阶段框架。示例丰富,文档显示大多数的组件将在移动设备上显示一个预览。预览是很有吸引力的。

Angular的文档会满足开发人员中的初学者,但很快就会变得不足。作为信息的欲望达到专家水平,开发人员可能会被迫诉诸源代码或其他地方。

离子的文档是体面完整考虑的alpha阶段框架。示例丰富,大多数的文档显示预览组件将在移动设备上。预览是很有吸引力的。

角的文档会满足初学者开发人员,但很快就会变得不足。作为信息的欲望达到专家水平,开发人员可能会被迫诉诸源代码或其他地方。

License

Ionic和AngularJS都在MIT许可下可用。

Community

因为它还处在一个生命周期的早期阶段,Ionic还没有一个成熟的社区。然而,考虑到相同的情况下,它的受欢迎程度的提升速度比许多其他框架要快

这些人会说什么呢?

JavaScript 开发者

这是一种全新并且直的构建丰富的应用的方式。MVC和MVVM模式被实现·,像拉丁会说他们有机会与Angular JS一起工作。此外,使用HTML定义视图和使用js对象定义数据模型,最终开发人员很容易编写更少的代码和使用更少的时间生产高质量的应用程序。

设计人员

充满激情的设计师会喜欢Ionic,因为它允许他们按自己的喜好自定义布局,而不必修改别人的复杂的小部件和破坏应用的功能。定制的UI需要Zurb开发基金会或者是推特bootstrap一起工作.

产品经理:

开始学习AngularJS的障碍非常低,根本不需要知道整个框架就可以构建一个简单的应用程序。然而,初学者在复杂的应用程序面前,将面临着更高级的任务将会需要来应对一个越来越陡峭的学习曲线。

请记住Ionic被用来使用混合的应用而不是手机网站。

 翻译网页:

http://moduscreate.com/5-best-mobile-web-app-frameworks-ionic-angulalrjs/

</span>