最近有移动App项目,选择了 Hybrid 的框架Cordova  和  App Framework 框架开发。

本来应该从配置循序渐进开始写的,但由于上班时间太忙,这段时间抽不出空来,只能根据心情和兴趣,想到哪写到哪,前面的部分以后慢慢补上。

App Framework 前生是是叫 jqMobi 注意大家不要和 jQuery Mobile 混淆了,它们是两个不同的框架,一开始我还真混淆了0.01秒。

这里我先翻译一下Quickstart 部分,一是自己工作上用的上,二是也想顺便练练英文,最关键的是记忆力这段时间下降太多,每次看完不久又得重看一遍,写下来好歹看的顺溜一点。

英文原文在这里:http://app-framework-software.intel.com/documentation.php

Intro -> Quickstart ( 简介-> 快速入门 )

使用 App Framework 的时候,你只能使用W3C 制定的有效选择器。要查看所有的有效选择器列表,请点击 W3C。App Framework 不支持 jQuery 自己实现的自定义伪类(按:伪类应该是pseudo,官方写成了psuedo ,老外也有错别字啊 )选择器(按:看这里)。接下来的一些例子,可以帮助开发者加快开发。

首先,把App Framework 插入进页面

<script src="//cdn.app-framework-software.intel.com/2.1/appframework.min.js" type="text/javascript"></script>

  App Framework 运行是通过把元素加入到一个“容器”(bucket)。所有容器内元素可以使用 App Framework api函数,这些函数能帮助加快开发。

使用  App Framework,你首先要学会用调用带参数的$()函数,那些参数可以是如下之一。

String - 可以是一个元素的id "#id", 类 ".foo", 组合 “#id .foo”, 或者一个HTML 字符串"<div id='foo'></div>"

Element - 这会创建一个新的App Framework对象,并把这个Element元素加入到容器。

Array/Object 这会创建一个新的App Framework对象,并把那些数组的所有项加入到容器。

 Function - 这会执行这个function函数当DOMContentLoaded 事件触发的时候,或者 在实例产生后立即执行。

  你也能通过一个额外(additional又被官方笔误成了addtional ,好歹也是全世界的人看,就不能仔细点吗)的参数,允许你在一个“上下文”的内部去搜索/过滤它。

  

$("#foo"); //找到 id="foo" 的元素;

$("div"); //找到页面中所有的 div;

$(".foo"); //找到 classname ="foo" 的所有元素;

$("#foo span"); //找到 id="foo 中所有的span"

  接下来,我们会找到所有列表想(<li>)并且把 foo类加入进去。

$("li").addClass("foo");

  未完待续... 2012.10.12 晚

------------------------------------华丽的分割线,接上文------------------------------------------------

这里我们也可以通过ID去隐藏一个元素

$("#foo").hide();

这里我们可以找到class名为“removeme”的所有元素,并且从DOM中移除它们

$(".removeme").remove();

让我们看看一些更高级的用法。接下来,我们创建一个div,并追加它到body里面,同时注册一个lclick事件

    var div=$("<div id="\"myNewDiv\""">This is some content</div>");
$(document.body).append(div);
div.bind("click",function(){
alert("I was clicked");
});

[译]App Framework 2.1 (1)之 Quickstart的更多相关文章

  1. [译]App Framework 2.1 (2)之 About

    英文原文在此:http://app-framework-software.intel.com/documentation.php#App Framework/af_about App Framewor ...

  2. [译]App Framework 2.1 (2)之 Get Involved

    App Framework  API 第二篇 原文在此:http://app-framework-software.intel.com/documentation.php#intro/involved ...

  3. [AFUI]App Framework Quickstart

    ---------------------------------------------------------------------------------------------------- ...

  4. [译]Intel App Framework 3.0的变化

    App Framework 3.0 原文 IAN M. (Intel) 发布于 2015-02-11  05:24 我们高兴地宣布App Framework 的新版本3.0发布了.你可以获得最新的代码 ...

  5. [AFUI]App Framework Plugins

    ---------------------------------------------------------------------------------------------------- ...

  6. [Learn AF3]第一章 如何使用App Framework 3.0 构造应用程序

    af3的变化非常大.参见[译]Intel App Framework 3.0的变化 一.应用需要引用的js脚本: af3中不在自己实现dom选择器,而是选择基于jquey或兼容jquery的库如zep ...

  7. App Framework $.ui.loadContent 参数解释

    在使用 app Framework 的 $.ui.loadContent(target,newTab,goBack,transition);时 对 newTab goback两个参数一直不得其解.通过 ...

  8. [AFUI]App Framework

    ---------------------------------------------------------------------------------------------------- ...

  9. 【App FrameWork】页面之间的参数传递

    若应用中有多个页面,这时2个页面之间可能需要进行参数传递.那么如何来实现呢? 首先想到的就是URL参数传递的方式,如:在panel里设置属性 data-defer="Pages/Shake. ...

随机推荐

  1. 微软KinectV2深度传感器在Ubuntu上的配置和使用

    最新博客地址已转到: http://blog.csdn.net/zzlyw?viewmode=contents   ------------------------------------------ ...

  2. Qt拖拽界面 (*.ui) 缩放问题及解决办法

    问题 使用Qt Designer 设计的界面,在缩放的时候不能随着主窗口一起缩放. 解决办法 之前遇到这个问题的时候,都是直接重写resizeEvent接口来实现的,在自动生成的Ui_Widget或U ...

  3. python之路二十

    一, $.ajax,这个是JQuery对ajax封装的最基础步,通过使用这个函数可以完成异步通讯的所有功能.也就是说什么情况下我们都可以通过此方法进行异步刷新的操作.但是它的参数较多,有的时候可能会麻 ...

  4. java性能调优及问题追踪--Btrace的使用

    在生产环境中经常遇到格式各样的问题,如OOM或者莫名其妙的进程死掉.一般情况下是通过修改程序,添加打印日志:然后重新发布程序来完成.然而,这不仅麻烦,而且带来很多不可控的因素.有没有一种方式,在不修改 ...

  5. 将页面转化为pdf的实现方法

    1.实现代码把html转化为pdf主要是使用wkhtmltopdf.exe工具生成,在获取转化的地址,创建一个进程,把地址传递到进程参数中进行调用wkhtmltopdf.exe工具打印 2.代码片段/ ...

  6. Selenium使用

    定位 1.普通 by id, name,class_name,link_text 2.加强 xpath css

  7. (转载)org.springframework.web.context.ContextLoaderListener

    http://www.yihaomen.com/article/java/471.htm 刚才手贱乱点了下,然后好像jar包不见了还是什么的,出现了这个错误,按照帖子说的,手动添加maven进去就好了

  8. October 25th Week 44th Tuesday 2016

    The best preparation for tomorrow is doing your best today. 过好今天,就是对明天最好的准备. Tomorrow is always base ...

  9. vmware下centos7桥接模式无法上网

    前一段时间由于想给vm中的centos分配一个独立的IP,就将网络适配器的连接方式由NAT改为桥接,一切顺利. 今天再次开机,IP居然变成了192开头的局域网,并且ping不通外网,经过查找资料,解决 ...

  10. Lintcode 166. 主元素

    ----------------------------------- Moore's voting algorithm算法:从一个集合中找出出现次数半数以上的元素,每次从集合中去掉一对不同的数,当剩 ...