5大最流行手机webAPP框架之Ionic

Ionic 框架

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应用程序渲染效果很慢。

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

小部件

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

响应式设计

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

桌面支持

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

第三方插件

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

扩展

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

构建工具

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

打包(原生)

Ionic应用程序将需要外部工具用于包装。这被用来和PhoneGap和Cordova和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/

    时间: 2024-11-08 22:01:12

    5大最流行手机webAPP框架之Ionic的相关文章

    一步一步构建手机WebApp开发——环境搭建篇

    从2007年,乔布斯带来了第一代Iphone手机,整个移动互联网发生天翻地覆的变化,也同时证明了乔布斯的一句名言:“再一次改变世界”. 在当今的移动互联网,手机App居多,很多App对移动设备的要求也越来越高,当然,土豪就可以经常更新换代.我们这群屌丝只能望梅止渴.为了解决少部分由于硬件或者软件引起的问题,我们将App迁移到浏览器上,也就是人们常说的WebApp,WebApp相对与手机App客户端有以下优点: 1.免安装,一个浏览器就可以搞定. 2.不需要繁忙的迭代更新. 3.不需要担心存储不足

    你认识它们吗?2014十大科技流行词

    摘要:也许你会有一种困惑,就是当你身边的人在谈论一些事情的时候,你总是听得云里雾里,甚至有时候有些话跟你所了解的又不太一样,如果你想跟得上节奏的话,看看这十个流行的术语,或许对你会很有帮助.下面由卓跃的老师为你讲解技术方面的问题: [编者按]随着科技的发展和时代的进步,总会有一些新的科技术语出现,不管你是技术大牛还是科技小白,很难全面的去了解这些术语,在此之前之前,或许你还不曾知道什么是深层网络,何为游戏化,云具体指的是什么,又或者对大数据.SOA等一知半解,而日前,Ken Hess总结了201

    一步一步构建手机WebApp开发——页面布局篇

    继上一篇:一步一步构建手机WebApp开发——环境搭建篇过后,我相信很多朋友都想看看实战案例,这一次的教程是页面布局篇,先上图: 如上图所示,此篇教程便是教初学者如何快速布局这样的页面.废话少说,直接上代码 注意:此教程是接上一篇教程,也就是所有的内容是直接从body开始写,当然,也会贴出所有代码给大家. 第一步:框架的布局及幻灯片的布局(Html) ① 如上图所示,我们应该准备以下容器,方便填充内容 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

    十大响应式Web设计框架

    http://www.csdn.net/article/2014-05-13/2819739-responsive-frameworks-for-web-design 对于设计师而言,网站设计中的任意一环节都不容忽视.时下,借助网上的一些资源,只需简单的几个步骤你就可创建出更具吸引力的设计,包括菜单.背景.动画.眉头.body等设计.响应式Web设计不仅能够适用于任何屏幕尺寸,还为用户带来更完美的体验,本文将分享十款最佳的响应式Web设计,助你大大简化工作流程. Gumby Framework

    流行python服务器框架

    流行python服务器框架 1.tonardo---- 多并发.轻量级应用, “非阻塞”的web 容器.类似tomcat.这个大家太熟悉了,就不多说了. 2.Twisted---- Twisted 是一个Python 应用程序和库文件的集成套件.其中包括全套页面服务器应用程序和基于文本模式的游戏引擎.还有一些诸如对数据流进行处理的模块.是一个异步的网络开发框架,其中包含可以独立运行的服务器.类似tomcat. 3.django---- 一个web开发的框架.类似struts.admin功能号称是

    几种流行Webservice控制框架

     转会[http://blog.csdn.net/thunder4393/article/details/5787121],写的非常好,以收藏. 1      摘要 开发webservice应用程序中离不开框架的支持.当open-open站点列举的就有30多种,这对于开发人员怎样选择带来一定的疑惑.性能Webservice的关键要素.不同的框架性能上存在较大差异,而当前在官方站点.网络资料中能够方便的找到各自框架的介绍,可是非常少有针对不同框架性能測试数据.本文选择了比較流行几个框架:Apach

    webapp框架集合

    1.GoAngualrjs homepage  github GoAngular 可让你轻松使用 AngularJS 和 GoInstant 构建实时.多用户的应用程序. 2.JingleV homepage  github Jingle UI是一个基于html5.css3开发轻量级的移动webapp 框架,提供一些基本交互方式,常用的组件(scroll,actionsheet,sidemenu,toggle,push2refresh......),帮助您更方便的开发移动应用. 3.Centur

    除了大屏 安卓手机还有哪些发力点?

    <<<-------------  <_< 向左看 文/西域刀客 应该说,自三星GALAXYNote开始,大屏从一个小众市场变化成为一个潮流,它改变了各厂家从原来的硬件配置比拼转向屏幕(尽管屏幕也是配置的一种)大小的竞争:而随着越来越多的人开始使用大屏手机,这一趋势仿佛演变成为了未来手机行业的一个方向. 刀客认可大屏是一种潮流,但不认可这就是手机的发展方面.根本原因在于,不管是小米开启的拼硬件配置还是三星开启的拼屏幕大小的潮流,都掩盖了手机厂家真正应该的发力方向和自身核心竞争

    盘点十大最流行的Linux服务器发行版

    随着Linux不断发展,Linux所支持的文件系统类型也在迅速扩充.很多的数据中心服务器上都运行着Linux,可以节省大量的许可证费用及维护费用.但伴随着Linux新版本的发行,其中每一个不同版本的Linux所支持的文件系统类型都有所不同. 那么,对于这种情况来说,Linux系统家族中也划分着针对不同的用户群,比如Ubuntu被认为Linux新用户最容易操作的平台,而Slackware Linux是需要经过有着一定应用基础的用户,CentOS是一个企业级的发行版,特别适合对稳定性,可靠性和功能要