PhoneGap 开发笔记
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 开发笔记的更多相关文章
- Android移动APP开发笔记——Cordova（PhoneGap）通过CordovaPlugin插件调用 Activity 实例
引言 Cordova(PhoneGap)采用的是HTML5+JavaScript混合模式来开发移动手机APP,因此当页面需要获取手机内部某些信息时(例如:联系人信息,坐标定位,短信等),程序就需要调用 ...
- Android移动APP开发笔记——最新版Cordova 5.3.1（PhoneGap）搭建开发环境
引言 简单介绍一下Cordova的来历,Cordova的前身叫PhoneGap,自被Adobe收购后交由Apache管理,并将其核心功能开源改名为Cordova.它能让你使用HTML5轻松调用本地AP ...
- 吐槽：基于PhoneGap开发移动项目
目前,随着Google的Android手机和苹果的iphone手机的逐渐普及,越来越多开发者加入到移动应用开发的大军当中.其中,Android应用是基于Java语言基础上进行开发的,而苹果公司的iph ...
- [开发笔记]-未找到与约束ContractName Microsoft.VisualStudio.Text.ITextDocumentFactoryService...匹配的导出【转载自：酷小孩】
原文地址:http://www.cnblogs.com/babycool/p/3199158.html 今天打算用VisualStudio2012做一个js效果页面测试的时候,打开VS2012新建项目 ...
- EasyUI 开发笔记(二)
接上篇 :EasyUI 开发笔记(一) (http://www.cnblogs.com/yiayi/p/3485258.html) 这期就简单介绍下, easyui 的 list 展示, 在easy ...
- EasyUI 开发笔记(一)
由于某些原因,在公司做的后台需要改成类似于Ext.js 形式的后台,主要看好其中的 框架布局,以及tab开页面和弹出式内部窗体. 后来看看,改成EasyUI,较Ext.js 库小很多,也便于公司的初级 ...
- [Openwrt 项目开发笔记]：Openwrt平台搭建（一）
[Openwrt项目开发笔记]系列文章传送门:http://www.cnblogs.com/double-win/p/3888399.html 正文: 最近开始着手进行Openwrt平台的物联网网关设 ...
- 开发笔记：基于EntityFramework.Extended用EF实现指定字段的更新
今天在将一个项目中使用存储过程的遗留代码迁移至新的架构时,遇到了一个问题——如何用EF实现数据库中指定字段的更新(根据UserId更新Users表中的FaceUrl与AvatarUrl字段)? 原先调 ...
- phonegap开发经验谈之一命令行建立项目和准备工作
一安装与配置 安装命令行配置,这个可以参见网上的.3.0的最好用命令行配置. 大家在安装android sdk的时候,会发现里面自带了一个eclipse,并且继承了adt,直接用这个就好了.当然你已经 ...
随机推荐
- HDU OJ 5317 RGCDQ( 2015多校联合训练第3场) 暴力打表+小技巧
题目连接:Click here 题意:在一个[L,R]内找到最大的gcd(f[i],f[j])其中L<=i<j<=R,f[x]表示i分解质因数后因子的种类数.eg:f[10]=2(1 ...
- SGU 242. Student's Morning( 网络流 )
看英文题真是麻烦...理解题意花的时间比想的时间还长...裸的网络流, 我们只要限制每个人出发流量为1, 每个大学进入的流量至多为2即可, 相当于构造可行解. -------------------- ...
- watch命令详解(linux)
watch命令详解(linux) 在维护系统时经常需要实时查看系统的运行情况,比如实时的系统连接数之类的.在linux可以通过watch命令,实时监控每一条命令执行的结果动态变化. ...
- github/python/ show me the code 25题（二）
第 0014 题: 纯文本文件 student.txt为学生信息, 里面的内容(包括花括号)如下所示: { "1":["张三",150,120,100], &q ...
- 配置Raspbian 启用SPI I2C
sudo vi /etc/modprobe.d/raspi-blacklist.conf 找到这两行 blacklist spi-bcm2708 blacklist i2c-bcm2708 注释掉 # ...
- JConsole是什么
从Java 5开始 引入了 JConsole.JConsole 是一个内置 Java 性能分析器,可以从命令行或在 GUI shell 中运行.您可以轻松地使用 JConsole(或者,它更高端的 “ ...
- BaaS with Kinvey and Delphi 10.1 Berlin
In this article I will show you how to connect yourdesktop and mobile applications to a mobile backe ...
- 通过jstack定位在线执行java系统故障_案例1
问题描写叙述: 在一个在线执行的java web系统中,会定时执行一个FTP上传的任务,结果有一天发现,文件正常生成后却没有上传. 问题初步分析: 1.查看日志文件 发现这个任务仅仅打印了開始进入FT ...
- 2013杭州网络赛D题HDU 4741(计算几何 解三元一次方程组)
Save Labman No.004 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Other ...
- （转）ios跳转到通用页面
在代码中调用如下代码: [[UIApplicationsharedApplication] openURL:[NSURLURLWithString:@"prefs:root=LOCATION ...