1 调死调活都调不出来的情况下,可以考虑更换下phoneGap 版本,尽量用比较新的版本.

2 form submit 会返回

3 jquery mobile 的4个初始化事件
第一个触发的事件是mobileinit,其次pagebeforecreate,再次pagecreate,最后pageinit
Mobileinit Document还没有加入到DOM树中,mobileinit事件中对html的操作时徒劳的
Pagebeforecreate 页面的DOM加载后,DOM初始化之前 触发的事件。
Pagecreate 这个事件,在HTML已经在DOM中建立完成,初始化也完成。
Pageinit 展开完成后触发的事件。是jQuery mobile中的$(document).ready()

4 在线引用
<head>
<meta charset="utf-8" />
<title>Intro to jQuery Mobile</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
</head>

5 页脚导航栏
<div data-role="footer" class="ui-bar">
<div data-role="controlgroup" data-type="horizontal">
<a href="index.html" data-role="button">Today</a>
<a href="index.html" data-role="button">Tomorrow</a>
<a href="index.html" data-role="button">Week</a>
<a href="index.html" data-role="button">No date</a>
</div>
</div>

6 页面过渡两种方式
链接 <a href="index.html" data-transition="pop" data-back="true">
编程 $.mobile.changePage("pendingtasks.html", "slideup");

7 全屏样式:data-fullscreen="true"
自定义导航菜单: class="ui-bar ui-bar-b"

8 图标位置:data-iconpos="top | bottom | left | right"
按钮并列:data-inline="true"

9 折叠
<div data-role="collapsible-set">
<div data-role="collapsible" data-collapsed="false">
<h3>Section 1</h3>
<p>I'm the collapsible set content for section B.</p>
</div>
<div data-role="collapsible">
<h3>Section 2</h3>
<p>I'm the collapsible set content for section B.</p>
</div>
</div>

10 <strong></strong> html 标签 强调 粗体

11 只读列表:没有<a>链接 列表右边 没有箭头

12 rel="external" 如果跳转到另外一个页面的时候需要加此属性 )当连接到一个多页面文档时

13 更新列表:$('#mylist').listview('refresh');

14 隐藏标签
<div data-role="fieldcontain" class="ui-hide-label">
<label for="username">Username:</label>
<input type="text" name="username" id="username" value="" placeholder="Username"/>
</div>

15 开关 data-role="slider"
<select name="slider" id="flip-c" data-role="slider" data-theme="a">
<option value="no">No</option>
<option value="yes">Yes</option>
</select>

16 class="ui-li-aside" 里面的内容靠右

17 data-inset="true"不占据整个屏幕,在一个圆角区域内

18 <span class="ui-li-count">1 day</span> 数字区

19 拆分列表样式 <ul data-role="listview" data-split-icon="star" data-split-theme="d">

20 打开dailog
<a href="confirmtion.html" data-rel="dialog">Open Dialog</a>

21 返回按钮
<div data-role="page" data-auto-back-btn="true" data-back-btn-text="返回" data-back-btn-theme="e">
<a data-role="button" data-add-back-btn='true' data-rel="back" >返回</a>

22 返回链接
<a href="#mail" data-rel="back" data-role="button">返回</a> href 不支持JS的,作为备用

23 Navigator 对象返回浏览器的相关信息
userAgent属性,返回包含浏览器版本等信息的字符串,cookieEnabled使用它可以判断用户浏览器是否开启cookie

24 encodeURI() js函数可把字符串作为 URI 进行编码。

25 ajax 跨域 要用jsonp 传统的ajax的方式直接去获取值json值,是行不通的!原因是ajax不支持跨域访问获取数据,想获取服务端的数据,需要用到jsonp协议!

26 phonegap 跨域
$( document ).bind( "mobileinit", function() {
$.mobile.allowCrossDomainPages = true;
});

27 设置安卓系统加载URL时间 super.setIntegerProperty("loadUrlTimeoutValue", 60000);

28 setInterval 在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码 , setTimeout只执行一次那段代码

29 javascript函数querySelector 用于获得dom节点 很像jquery 选择器

30 white-space : nowrap :  强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。

31 只有一个html页面其它都是潜入第一个载入的页面的,所以所有的css和js文件都可以放到第一个加载的HtmL文件中,页面间的切换都是新的html页面片段插入到第一个HtmL页面的.

32 关于checkbox取值问题 $(.checkbox)[0].checked

33 CSS3 媒体查询

34 JS match('') 指定字符串内检索指定的值
var deviceAgent = navigator.userAgent.toLowerCase();
var agentID = deviceAgent.match(/(iphone|ipod|ipad|android)/);
if(agentID.indexOf("iphone")>=0){
alert("iphone");
}

35 js apply call 方法
Function.apply(obj,args)方法能接收两个参数 obj:这个对象将代替Function类里this对象 Person.apply(this,arguments); 学生类有了Person类的方法
args 是个数组,可以将数组自动转换 一般在目标函数只需要n个参数列表 可应用此

36 Ajax技术:由于浏览器的安全模型,在用Ajax和后台通信时候会遇到跨域安全限制的问题,所以如果想要安全的进行跨域通信,服务端采用Jsonp协议通讯,js通过get传递参数给后台,后台生成Json字符串,然后js通过

$.getJSON()获取返回值,且无跨域问题。

37 Matcher matcher = Pattern.compile("\".+\"").matcher(new BufferedReader(new InputStreamReader(context.getResources().getAssets().open("js/common.js"))).readLine());

PhoneGap 开发笔记的更多相关文章

  1. Android移动APP开发笔记——Cordova(PhoneGap)通过CordovaPlugin插件调用 Activity 实例

    引言 Cordova(PhoneGap)采用的是HTML5+JavaScript混合模式来开发移动手机APP,因此当页面需要获取手机内部某些信息时(例如:联系人信息,坐标定位,短信等),程序就需要调用 ...

  2. Android移动APP开发笔记——最新版Cordova 5.3.1(PhoneGap)搭建开发环境

    引言 简单介绍一下Cordova的来历,Cordova的前身叫PhoneGap,自被Adobe收购后交由Apache管理,并将其核心功能开源改名为Cordova.它能让你使用HTML5轻松调用本地AP ...

  3. 吐槽:基于PhoneGap开发移动项目

    目前,随着Google的Android手机和苹果的iphone手机的逐渐普及,越来越多开发者加入到移动应用开发的大军当中.其中,Android应用是基于Java语言基础上进行开发的,而苹果公司的iph ...

  4. [开发笔记]-未找到与约束ContractName Microsoft.VisualStudio.Text.ITextDocumentFactoryService...匹配的导出【转载自:酷小孩】

    原文地址:http://www.cnblogs.com/babycool/p/3199158.html 今天打算用VisualStudio2012做一个js效果页面测试的时候,打开VS2012新建项目 ...

  5. EasyUI 开发笔记(二)

    接上篇 :EasyUI 开发笔记(一)  (http://www.cnblogs.com/yiayi/p/3485258.html) 这期就简单介绍下, easyui 的 list 展示, 在easy ...

  6. EasyUI 开发笔记(一)

    由于某些原因,在公司做的后台需要改成类似于Ext.js 形式的后台,主要看好其中的 框架布局,以及tab开页面和弹出式内部窗体. 后来看看,改成EasyUI,较Ext.js 库小很多,也便于公司的初级 ...

  7. [Openwrt 项目开发笔记]:Openwrt平台搭建(一)

    [Openwrt项目开发笔记]系列文章传送门:http://www.cnblogs.com/double-win/p/3888399.html 正文: 最近开始着手进行Openwrt平台的物联网网关设 ...

  8. 开发笔记:基于EntityFramework.Extended用EF实现指定字段的更新

    今天在将一个项目中使用存储过程的遗留代码迁移至新的架构时,遇到了一个问题——如何用EF实现数据库中指定字段的更新(根据UserId更新Users表中的FaceUrl与AvatarUrl字段)? 原先调 ...

  9. phonegap开发经验谈之一命令行建立项目和准备工作

    一安装与配置 安装命令行配置,这个可以参见网上的.3.0的最好用命令行配置. 大家在安装android sdk的时候,会发现里面自带了一个eclipse,并且继承了adt,直接用这个就好了.当然你已经 ...

随机推荐

  1. java项目打jar包

    首先 在工程中,右键项目,有个export,选择JAR File,就能导出jar包. 一.java项目没有导入第三方jar包 1. 首先在Eclipse中打开项目, 右键点击项目,选择“Export” ...

  2. ios本地文件内容读取,.json .plist 文件读写

    ios本地文件内容读取,.json .plist 文件读写 本地文件.json .plist文件是较为常用的存储本地数据的文件,对这些文件的操作也是一种常用的基础. 本文同时提供初始化变量的比较标准的 ...

  3. IOS--当字符串返回的数据格式为xml/html时

    今天一来办公室就接到客户返回的BUG,其中一个是因为后台返回的字符串中的数据为xml/html格式.  后来经过百度,发现了两种解决方法,第一种是使用webView,webView中专门为了这种情况准 ...

  4. nodejs事件机制

    var EventEmitter = function() { this.evts = {}; }; EventEmitter.prototype = { constructor: EventEmit ...

  5. Unity3D Android手机开发环境配置

    Unity3D Android手机开发环境配置 Date:2014-01-01 07:09 1.配置eclipse环境:首先在官网下载安装包:http://developer.android.com/ ...

  6. Naive Bayes Theorem and Application - Theorem

    Naive Bayes Theorm And Application - Theorem Naive Bayes model: 1. Naive Bayes model 2. model: discr ...

  7. python之面向对象那点事

    一.类与对象 1.什么是类?类,顾名思义,就是具体相同属性的同一类事物的统称及抽象.对象,指是就是具体的抽象类的实例 以上的说法是不是看起来有点云里来雾里去呢.没错,专业的解释总是让人难以理解,这就是 ...

  8. break在switch中的使用例子

    /* Name:break在switch中的使用例子 Copyright: By.不懂网络 Author: Yangbin Date:2014年2月21日 03:16:52 Description:以 ...

  9. Making your first driver - complete walkthrough(使用VisualDDK)

    This article describes how to create, build and debug your first driver using Visual Studio and Visu ...

  10. UVA122-Trees on the level(链二叉树)

    Trees on the level Time Limit: 3000MS   Memory Limit: Unknown   64bit IO Format: %lld & %llu Sub ...