jqMobi(App Framework)入门学习(一)
jqMobi(App Framework)入门学习(一)
1. 什么是jqMobi?
jqMobi是由appMobi针对HTML5浏览器和移动设备开发的javascript框架。是个极其高速的查询选择库。支持W3C查询。
jqMobi源代码是基于jQuery源代码重写的,可是两者又属于不同的产品。jqMobi体积更小,速度更快,兼容性也有所不同。
上面这段话来自百度百科。可是眼下因为jqmobi已被收购并不断发展,并且jqmobi并不只局限于查询选择库,所以上面的解释并非非常全面。
2. jqMobi的特点
- 速度快
- 体积小
- 适用于智能手机和平板电脑
- 提供了60个API调用
- 与JQuery同样的语法(个人觉得仅是语法结构同样以及jqMobi兼容JQuery,在一些详细函数上的參数不大同样,如$.ajax()。详细可參照两者的官方API)
- 插件可扩展
3. 什么是App Framework?
英特尔2013年2月22日收购HTML 5移动应用公司appMobi HTML5开发工具XDK和相关雇员。之后jqMobi改名为App Framework。
说白了jqMobi事实上就是App Framework。
因为国内眼下很多开发人员和教程都停留在jqMobi这个名字之上,所以略微解释一下。
4. App Framework的组成
这个预计会是非常多刚開始学习的人心里的一道坎,初学时都全然搞不懂这货究竟是什么。要从何学起。首先是因为App Framework还十分年轻。仅有两年多历史,还处于一个发展初期。所以国内资料甚少。并且都十分老旧,这里也要吐槽一下Intel,App Framework的官网开发指导写的实在是烂到爆,收购了也不好好发展起来。
我们来对比一下jqMobi时的组成结构来认识App Framework的组成:
jqMobi查询选择库 === App Framework查询选择库(这个也就是网上常说的App Framework所指的内容),这一部分就是API的调用,包含Ajax调用、针对webkit的系统选择器调用等。说白了就是语法函数什么的,你能够理解为这一部分相当于JQuery。
jqUi === af.ui ,这一部分就是用户界面程序库,提供了button、部件、固定的header/footer以及可控的滚动部件。
jqPlugin === Plugins,这一部分是插件,官方下载的包自带了一些插件,包含popup弹出窗体、scroller滚动区域等一些经常使用插件,当然你不仅能够自己上网找很多其它插件也能够自己开发插件,这一部分和上面的af.ui你能够理解为相当于Jquery Mobile。
综上,你能够将App Framework理解为类似于JQery和Jquery Mobile结合起来的一个HTML5移动跨平台开发的Javascript框架。当然并非等同。
5. 下载App Framework
这里是App Framework的官方站点:http://app-framework-software.intel.com/
直接点击下载button下载就能够了,或者能够上github上下载。
写这篇博文的时候最新版本号是2.1.0,下载下来解压后文件文件夹例如以下:
自此,我们就能够直接打开index.html来更深入地了解App Framework的各项内容。之前也说过官方文档写的非常烂,所以我建议大家能够直接使用这个包里的内容进行App Framework的学习。在此强烈建议使用chrome浏览器进行学习。以便获得最佳的体验。
6. 了解App Framework的文件夹结构
build目录,顾名思义。这里面的文件是你使用App Framework进行开发所须要的文件内容。这里面就依据你的须要进行相关应用即可了。详细使用后面会讲到。
documentation目录,这个能够算是语法文档吧,可是写的非常烂,非常多甚至都没有一个完整的样例。并且里面有一些html内容上的小错误,包含你打开当中的index.html然后按F12调出控制台会发现有错误,这里是因为这个目录内缺少了对应App Framework的js和css文件,大家能够到build目录中复制appframework.js、appframework.ui.js、af.ui.css和icons.css放到documentation目录下,就能够看到完整版的文档了。我不确定当你看到这篇文章时是否还会有这个问题,我已经打算上github提交改正了。至少眼下2.1.0版本号有这个问题。
其余的文件夹和文件就是根文件夹下index.html所引用的内容了。基本组成了一个官方的API文档了。详细大家能够多看看各项内容,就不多说了。
jqMobi(App Framework)入门学习(一)的更多相关文章
- Robot Framework入门学习1 安装部署详解
安装注意: 目前Robot framework-ride不支持python3,安装时请下载python2.7版本. Robot Framework安装时出现了一点小问题,网上没有找到直接的介绍,现将安 ...
- Robot Framework入门学习2 创建第一个测试用例
本文章部分内容引自以下网址,感谢作者的辛苦分享 http://www.cnblogs.com/fnng/p/3871712.html http://blog.csdn.net/tulituqi/art ...
- 初学者福音——10个最佳APP开发入门在线学习网站
根据Payscale的调查显示,现在的APP开发人员的年薪达到:$66,851.这也是为什么那么多初学的开发都想跻身到APP开发这行业的主要原因之一.每当你打开App Store时候,看着琳琅满目的A ...
- [译]App Framework 2.1 (1)之 Quickstart
最近有移动App项目,选择了 Hybrid 的框架Cordova 和 App Framework 框架开发. 本来应该从配置循序渐进开始写的,但由于上班时间太忙,这段时间抽不出空来,只能根据心情和 ...
- Entity Framework入门系列(1)-扯淡开篇
这是我在Cnblogs上的第一个系列,但愿能坚持下去: 惯例索引 Entity Framework入门系列(1)-开篇兼索引: Entity Framework入门系列(2)-初试Code First ...
- PyQt4入门学习笔记(三)
# PyQt4入门学习笔记(三) PyQt4内的布局 布局方式是我们控制我们的GUI页面内各个控件的排放位置的.我们可以通过两种基本方式来控制: 1.绝对位置 2.layout类 绝对位置 这种方式要 ...
- PyQt4入门学习笔记(一)
PyQt4入门学习笔记(一) 一直没有找到什么好的pyqt4的教程,偶然在google上搜到一篇不错的入门文档,翻译过来,留以后再复习. 原始链接如下: http://zetcode.com/gui/ ...
- MyBatis入门学习(二)
在MyBatis入门学习(一)中我们完成了对MyBatis简要的介绍以及简单的入门小项目测试,主要完成对一个用户信息的查询.这一节我们主要来简要的介绍MyBatis框架的增删改查操作,加深对该框架的了 ...
- django rest framework 入门
django rest framework 入门1-序列化 Serialization 分类: Python 2013-01-22 22:24 11528人阅读 评论(0) 收藏 举报 djangop ...
随机推荐
- FOJ题目Problem 2082 过路费 (link cut tree边权更新)
Problem 2082 过路费 Accept: 382 Submit: 1279 Time Limit: 1000 mSec Memory Limit : 32768 KB Proble ...
- Hive权限之改进
不足 即使开启hive权限认证的情况下,不论什么用户仍然是超级用户.能够通过grant给不论什么人赋予不论什么权限,这样权限认证基本没有意义.因此必须在开启权限认证的同一时候.对运行grant/rev ...
- Android recovery UI实现分析
Android recovery模式为何物? 关于这个问题, baidu上已经有无数的答案.不理解的朋友先补习一下. 从纯技术角度来讲, recovery和android本质上是两个独立的rootfs ...
- STL_算法_依据第n个元素排序(nth_element)
C++ Primer 学习中... 简单记录下我的学习过程 (代码为主) //全部容器适用 nth_element(b,n,e) nth_element(b,n,e,p) 对照:partition() ...
- 《学习opencv》笔记——基本数据结构,CvMat,矩阵訪问
老板让让做一个东东.输入端要用到opencv顺便就来学习一下.买了本书<学习opencv>翻来一看,opencv1.0,去官网上一看.opencv2.49,瞬间有种蛋碎的赶脚.看着 ...
- Laravel异常处理
Laravel异常处理 标签(空格分隔): php 自定义异常类 <?php namespace App\Exceptions; use Throwable; use Exception; cl ...
- (转)IOS http请求的get 和 post的请求的区别
从表面的意思看get 和 post的区别get就是获取数据,post就是发送数据.这个是误区.其实两者都可以的,在IOS向服务器发送请求里面可以带参数. 那么这些误区是怎么出现的呢?先看看一下对htt ...
- 50个极好的bootstrap 后台框架主题下载
50个极好的bootstrap 后台框架主题下载 http://sudasuta.com/bootstrap-admin-templates.html 越来越多的设计师和前端工程师开始用bootstr ...
- redux原理
Redux实现原理 不同组件需要依赖同一个数据的时候,就需要状态提升至这些组件的根组件. redux是状态统一管理工具,需要使用它的原因是: 组件之间通信统一管理,方便代码维护. React中有一个特 ...
- webpack配置的学习
1.把不需要打包的文件复制到打包后的文件夹里 2.通过 Plugin 把注入到 bundle.js 文件里的 CSS 提取到单独的文件中