初识Ionic 和APPframework

一、Ionic
基于phonegap 以及angularjs 的移动app  html5开发框架 

    *     Ionic是一个轻量的手机UI库, 具有速度快,界面现代化、美观等特点。

    *    为了解决其他一些UI库在手机上运行缓慢的问题,它直接 放弃了IOS6和Android4.1以下的版本支持,来获取更好的使用体验

    *    ionic是一个基于HTML5创建类似于手机平台原生应用的一个开发框架。 绑定了AngularJS和Sass,基于Angular语法,简单易学。  
    *     这个框架的目的是从web的角度开发手机应用。
 
    *     基于PhoneGap的编译平台(可以做成ios和Android程序) ,所以具有跨平台的特点。

    *     ionic提供很多css组件 和javascript UI库。 *   6.ionic 提供了强大的命令行工具。

    *     7.ionic 性能优越,运行速度快

二、APPframework

        英特尔2013年2月22日收购HTML 5移动应用公司appMobi HTML5开发工具XDK和相关雇员,之后jqMobi改名为App Framework。说白了jqMobi其实就是App Framework。
           App Framework的组成

这个估计会是很多初学者心里的一道坎,初学时都完全搞不懂这货到底是什么,要从何学起,首先是由于App Framework还十分年轻,仅有两年多历史,还处于一个发展初期,所以国内资料甚少,而且都十分老旧,这里也要吐槽一下Intel,App Framework的官网开发指导写的实在是烂到爆,收购了也不好好发展起来。
我们来对照一下jqMobi时的组成结构来认识App Framework的组成:

  •        *      jqMobi查询选择库 === App Framework查询选择库(这个也就是网上常说的App Framework所指的内容),这一部分就是API的调用,包括Ajax调用、针对webkit的系统选择器调用等,说白了就是语法函数什么的,你可以理解为这一部分相当于JQuery。
  •        *       jqUi === af.ui ,这一部分就是用户界面程序库,提供了按钮、部件、固定的header/footer以及可控的滚动部件。
  •        *       jqPlugin === Plugins,这一部分是插件,官方下载的包自带了一些插件,包括popup弹出窗口、scroller滚动区域等一些常用插件,当然你不仅可以自己上网找更多插件也可以自己开发插件,这一部分和上面的af.ui你可以理解为相当于Jquery Mobile。
  •        *      综上,你可以将App Framework理解为类似于JQery和Jquery Mobile结合起来的一个HTML5移动跨平台开发的Javascript框架,当然并不是等同

  •  三、对Ionic和APPframework用到的内容的简介
   
     1.Phonegap介绍

PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台
它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件可以调用


       Phonegap运行速度
    1. android环境:
a) 512内存手机可以放弃phoengap  
b) 1G 双核手机  运行流畅  感觉速度稍微比原生慢
c) 2G  4核+ 手机运行流畅 看不出和原生差别
d) 部分手机兼容可能会出现问题 需要调整css(原生开发也会有次问题)
     2. ios环境:
a) iphone4+运行流畅   
b) iphone5+ 看不出和原生差别

           2、cordova
Cordova是贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎。
cordova

Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。
Cordova还提供了一组统一的JavaScript类库,以及为这些类库所用的设备相关的原生后台代码。
Cordova支持如下移动操作系统:iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。
            3、AngularJs

AngularJS 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

             4、nodejs

      
JavaScript是一种运行在浏览器的脚本,它简单,轻巧,易于编辑,这种脚本通常用于浏览器的前端编程,但是一位开发者Ryan有一天发现这种前端式的脚本语言可以运行在服务器上的时候,一场席卷全球的风暴就开始了。
Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用 事件驱动, 非阻塞 I/O 模型而得以轻量和高效,非常适合在分布式设备上运行的数据密集型的实时应用。
Node是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快,性能非常好。Node对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好。

四 、简单介绍了APPframework的安装过程


ionic,这个资料比jqmobi要全面,社区比较活跃
这个对协同开发比较有帮助,而且angular还是比较有名的
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值