5大最流行手机webAPP框架之Ionic
Ionic 框架
Ionic框架是我们前五个web app框架中最年轻的,阿尔法版本是在2013年11月下旬发布的。Ionic是建立在google的AngularJS框架上的,它利用AngularJS来提供应用结构,而它本身更关注的是用户界面。换句话说,我们将会看到强大的Angular和美妙的Ionic的一个完美的组合。
Ionic(自定义HTML元素)为它的组件提供了一组Angular指令,使其很容易使用小部件,简单的就像写一行HTML代码一样。除了指令,Ionic使用Angular的触摸识别器,视图动画逻辑,HTML生态和异步通信。
虽然你可以在克隆和解压以后直接使用,同样你也可以使用npm包管理器来安装基于node-js的客户端,然后迅速开始你的种子项目。
尽管Angular是目前Ionic的主力,但是仍然允许开发人员以开放的选项来支持该框架,例如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/
5大最流行手机webAPP框架之Ionic相关推荐
- 一步一步构建手机WebApp开发——环境搭建
从2007年,乔布斯带来了第一代Iphone手机,整个移动互联网发生天翻地覆的变化,也同时证明了乔布斯的一句名言:"再一次改变世界". 在当今的移动互联网,手机App居多,很多Ap ...
- 你认识它们吗?2014十大科技流行词
2014十大科技流行词 摘要:也许你会有一种困惑,就是当你身边的人在谈论一些事情的时候,你总是听得云里雾里,甚至有时候有些话跟你所了解的又不太一样,如果你想跟得上节奏的话,看看这十个流行的术语, ...
- android转 web 开发者,转战 WebApp: 最适合 Android 开发者的 WebApp 框架
为什么需要转战WebApp开发 随着移动端设备越来越多, 微信应用号即将发布, 越来越多的页面需要被移动浏览器承载, HTML5开发大热, 我们需要掌握Web开发的技能来适应时代变化. 合适的WebA ...
- android原生app转成web,转战WebApp: 最适合Android开发者的WebApp框架
原文出处:林法鑫的博客. ps:原以为又是一篇前端从业者人云亦云的水文,其实是篇干货,文中提到的AndroidUI4Web也是作者开发的. 为什么需要转战WebApp开发 随着移动端设备越来越多, 微 ...
- 一步一步构建手机WebApp开发——页面布局篇
继上一篇:一步一步构建手机WebApp开发--环境搭建篇过后,我相信很多朋友都想看看实战案例,这一次的教程是页面布局篇,先上图: 如上图所示,此篇教程便是教初学者如何快速布局这样的页面.废话少说,直接 ...
- 2018开发最快的Webapp框架--BUI交互框架
原文地址: https://segmentfault.com/a/1190000012994082 一.案例代表 这是你看下去的动力, 我用BUI仿照QQ的手机截图做出来的一个demo, 包含QQ的常 ...
- 2018开发最快的Webapp框架--BUI交互框架 1
一.案例代表 这是你看下去的动力, 我用BUI仿照QQ的手机截图做出来的一个demo, 包含QQ的常见交互, 侧滑边栏,TAB切换,侧滑列表,下拉刷新,下拉菜单,弹窗搜索等交互操作, 这几种操作很多U ...
- 目前流行前端UI框架排行榜
在前端项目开发过程中,总是会引入一些UI框架,已为方便自己的使用,很多大公司都有自己的一套UI框架,下面就是最近经常使用并且很流行的UI框架. 一.Mint UI 流行指数:★★★★ Mint UI是 ...
- 机器人编程语言python-5大机器人流行编程语言对比,你学会了哪种?
原标题:5大机器人流行编程语言对比,你学会了哪种? 就像大多数软件应用程序的开发一样,开发人员也在使用多种语言来编写人工智能项目,但是现在还没有任何一种完美的编程语言是可以完全速配人工智能项目的. 编 ...
最新文章
- fl out of focus插件_高质量插件之激励器篇
- android 按下home键执行什么,Android下得到Home键按下的消息
- 图片Alpha预乘的作用[转]
- 电机编码器调零步骤_各种编码器的调零方法
- Mono.Android 基础
- Java注解解析-搭建自己的注解处理器(CLASS注解使用篇)
- JQuery与springmvc实现单个文件上传操作
- Hadoop1.0之集群搭建
- 【软件构造】过程与配置管理
- 爬虫实例5:使用scrapy框架获取链家网二手房最新信息(获取单个城市所有街区二手房信息可以使用selenium动态获取页数)
- c语言中,从键盘输入一个长方体的长宽高,用函数实现求长方体的体积,由主函数调用该函数,要求长方体的长、宽、高从主函数输入,长方体的体积作为函数返回值。
- 苹果手机投影_iPhone 11竟然升级成了浴霸,看来智能手机的未来要靠它了!
- MVGCN 人群流量预测模型 笔记
- 《西瓜书》第六章 公式6.2推导 空间任一点到超平面的距离
- 回到过去,寻找曾经的你!(搜索你关心的网站最初的样子)
- 行为型设计模式---模板方法模式
- C++:MFC+VS2019当你Dlg右键“转到”对话框,提示“未能完成操作,拒绝访问”,资源视图中.re显示“X在另一个编辑器中打开”。
- 看了这篇文章CAP你还不懂,我打你!
- UI自动化控制微信发送文件【解决了一个无人回答的难题,Pywin32设置文件到剪切板】
- 嵌入式Linux——WIFI网卡
热门文章
- 群同态基本定理证明_自由群的定义及相关
- 相对定位(HTML、CSS)
- 绝对定位水平垂直居中(HTML、CSS)
- 实验3-3 比较大小 (10 分)
- 天梯—跟奥巴马一起画方块(C语言)
- THREEJS - 模型的裁切消隐
- THREEJS - 动态标签(dom方式)
- vijos1153猫狗大战
- testlink php nginx,linux环境部署testlink步骤说明
- 原创:2016.4.25-2016.5.1 C# informal essay and tittle_tattle