第五讲 PhoneGap加速计api获取加速计x轴y轴z轴信息实现摇一摇、重力感应

学习要点: 1. PhoneGap 加速计 Accelerometer 对象介绍 2. 获取加速度信息 3. 定期获取加速度信息 4. 摇一摇 5. 重力感应 一、PhoneGap 加速计 Accelerometer 对象介绍 主要方法 accelerometer.getCurrentAcceleration 获取当前设备在 x,y,z 轴上的加速度信息 accelerometer.watchAcceleration 定期获取设备的加速度信息 accelerometer.clearWatch 停止定期获取设备的加速度信息 参数 accelerometerSuccess 获取加速度信息成功的回调函数 accelerometerError 获取加速度信息失败的回调函数 accelerometerOptions 一般为 json 对象,frequency 是它目前的唯一参数,以毫秒数表示,用来指定定期获取 加速度信息频率 二、获取加速度信息  <!DOCTYPE html> <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″> <title>Acceleration 例子</title> <script type=”text/javascript” charset=”utf-8″ src=”cordova.js”></script> <script type=”text/javascript” … Continue reading “第五讲 PhoneGap加速计api获取加速计x轴y轴z轴信息实现摇一摇、重力感应”

第四讲 PhoneGap 白名单安全机制 navigator.app 加载外部页面返回

学习要点: 1. Phonegap 白名单安全机制 2. Navigator.app 对象加载外部页面 返回上级页面 一、 Phonegap 白名单安全机制 Phonegap应用的页面大多存在于本地,但有时需要加载外部的Web页面到应用内置的浏览器 视图中已完成特定的应用功能,出于安全性考虑,PhoneGap 设立了白名单安全机制,通过它来 控制能够加载到内置浏览器视图的内容来源. Android 不通过白名单安全机制的话调用外部浏览器 IOS 不通过白名单安全的话会直接拒绝. Android 配置 res/xml/config.xml IOS 配置 以及 Wp7/wp8 查看文档 http://www.phonegap100.com/doc/guide_whitelist_index.md.html#Domain%20Whitelist%20Gu ide 二、Navigator.app 主要对象阐述 navigator.app.loadUrl() 加载 web 页面的应用程序中或者系统默认的浏览器中 navigator.app.cancelLoadUrl() 在 web 页面成功加载之前取消加载 navigator.app.backHistory() 返回上一次浏览页面 navigator.app.clearHistory() 清空浏览历史 navigator.app.clearCache() 清空程序的资源文件缓存 navigator.app.exitApp() 退出应用程序 navigator.splashscreen.show(); navigator.splashscreen.hide(); navigator.app.loadUrl cancelLoadUrl  取消加载 url function loadUrl(){ … Continue reading “第四讲 PhoneGap 白名单安全机制 navigator.app 加载外部页面返回”

第三讲 PhoneGap 设备信息、网络连接和通知 api

学习要点: 1. 设备信息 2. 网络连接 3. phonegap 通知 一、 设备信息 device.name 设备名称 device.cordova PhoneGap 版本 device.platform 设备平台 device.uuid uuid 编码 device.version 平台版本 <script type=”text/javascript”> $(document).ready(function(){ document.addEventListener(“deviceready”, myDeviceReadyListener, false); }); function myDeviceReadyListener(){ $(“#deviceName .ui-btn-text”).text(“设备名称” + device.name); $(“#deviceCordova .ui-btn-text”).text(“PhoneGap 版本” + device.cordova); $(“#devicePlatform .ui-btn-text”).text(“设备平台” + device.platform); $(“#deviceUUID .ui-btn-text”).text(“uuid 编码” + device.uuid); $(“#deviceVersion .ui-btn-text”).text(“平台版本” + device.version); } </script> … Continue reading “第三讲 PhoneGap 设备信息、网络连接和通知 api”

第二讲 PhoneGap API 之事件处理

学习要点: 1. deviceready 事件 2. pause 事件 3. resume 事件 4. online 事件 5. offline 事件 6. backbutton 事件 7. menubutton 事件 8. batterycritical 事件 9. batterylow 事件 10. batterystatus 事件 一、 deviceready 事件 在使用 PhoneGap 开发应用时,deviceready 事件是非常常用的。这一事件在设备的本地 环境和页面完全加载完成之后才触发 注意:此事件一般晚于 jquery 的 ready 事件,jquery 的 ready 事件是在 DOM 完全加载 完成后触发,deviceready 则是设备的本地环境和页面完全加载完成之后才触发 。 PhoneGap 包含两个基础,native 和 … Continue reading “第二讲 PhoneGap API 之事件处理”

实现网络图片生成本地图片

将网络图片生成本地图片,以及需要满足以下几个条件: 1.  必须登录网站 2.  必须需要有referer 一看到这两个条件,就知道需要用CURL模块来实现此功能,其一需要保持登录之后的cookie值,其二需要添加referer. 根据这两点来实现功能: 1. 先实现存放本地图片的目录路径 /*判断目录是否存在,如果存在,不创建,不存在就创建新目录*/ function make_dir($dir, $index = true) { $res = true; if(!is_dir($dir)) { $res = mkdir($dir, 0777); $index && @touch($dir.’/index.html’); } return $res; }  2.  获取网路图片数据 require_once ‘class/transport.php’; $transport = new transport(); $request = $transport->request($picurl, “”, ‘GET’); 这里我采用了ECSHOP自带的transport类,然后需要此类中use_curl方法,来实现cookie值得保存,以及referer的设置 /* 基本设置 */ $cookie_path = getcwd().”/cookie.txt”; curl_setopt($curl_session, CURLOPT_FORBID_REUSE, true); … Continue reading “实现网络图片生成本地图片”

第一讲 xcode安装 (苹果环境 )phonegap安装, iTunes打包phonegap应用为可安装的ipa文件(下-下)

学习要点:   1. Xcode 安装 2. Phonegap 安装 3. iTunes 转换文件为可安装的 ipa 文件 一. Xcode 安装和Phonegap 安装 第一步,下载 xcode,下载 phonegap(前者直接到 app 里面找下也可以,很方便)  下载 xcode:https://developer.apple.com/xcode/ 下载 phonegap:http://phonegap.com/download/# 下载 xcode 之后安装下,phonegap 先不用急,下面我们慢慢来 第二步:找到下载的 phonegap 的 zip 文件,解压,然后找到 iso 文件夹  注意:不同版本之间的 ios 文件夹在的位置可能有点小小差异,不过没关系,只要找到 这个文件夹就可以了(截图为2.7版本)   第三步:打开 ios->bin->create 文件(文件名可能会有些差异,不过找到带 create 的就可以了,以下用 create 代指该文件)    第四步:执行这个 create 文件,并且复制改文件地址    第五步:在桌面创建一个文件夹 xiaosi1(在什么位置创建文件夹和创建文件夹名字都是 … Continue reading “第一讲 xcode安装 (苹果环境 )phonegap安装, iTunes打包phonegap应用为可安装的ipa文件(下-下)”

2014年8月编程语言排行榜:Swift跌出Top 20

苹果公司今年新推出的编程语言Swift,在发布初期就被各大媒体争相报道,在历经一番炒作之后,现在恢复了平静。在TIOBE7月排行榜中,Swift进入了Top 20,仅发布一月有余就有如此骄人的成绩,实在是令许多开发者瞠目结舌;而从最新的数据可以看出,Swift这个月的份额有所下滑,跌出了前20,排名第23位。 另外值得一提的是,Visual Basic这门可视化的Basic编程语言,在前几个月的Top20的榜单中笔者并未见其踪影,而这个月竟窜至11位,不可小觑!这个数据主要是根据Visual Basic 6版本统计而来。 当时微软推出Visual Basic 1.0后引起了很大轰动,许多专家把VB当做软件开发史上一个具有划时代意义的事件。这个可视化的编程语言深受开发者们的喜爱,利用它可以轻松创建应用。需要注意的是,大家要将Basic、Visual Basic区分开。从排行榜上可以看出Basic排名第五位;Visual Basic排名11位,Visual Basic .NET(VB.NET首进TOP 10)排名12位。 编程语言排行榜TOP 20榜单:   前10名编程语言长期走势图:   以下是21-50编程语言排名:     后50名编程语言如下: (Visual) FoxPro, 4th Dimension/4D, Alice, APL, Arc, ATLAS, Awk, Bash, Bourne shell, cg, CL (OS/400), Clean, Clojure, Common Lisp, Dylan, Emacs Lisp, Factor, Forth, Fortress, Icon, Inform, Informix-4GL, Io, Ioke, J, JavaFX … Continue reading “2014年8月编程语言排行榜:Swift跌出Top 20”

第一讲(下) PhoneGap目录结构介绍, eclipse html 插件的下载

学习要点: 1. PhoneGap 目录结构介绍 2. Eclipse html 编辑器插件下载安装 3. Phonegap 启动背景设置 4. Eclipse  android 环境连接手机调试 一、 Phonegap 目录结构介绍 Src 该目录包含了所有用户要创建的 Java 源文件 gen 为开发工具自动创建 assets 目录 用于方一些资源文件 css js html res 目录该目录包含了所有的资源文件 图表 图片 字符串 布局 它包含 drawable layout 和 valuse 目录 drawable 包含了所有的图片文件 layout 主要用于定义活动视图 UI 的布局 values 该资源文件主要和本地化有关 包含了 XML 文件存储的键值对 res/xml/config.xml 此文件刚开始没有 … Continue reading “第一讲(下) PhoneGap目录结构介绍, eclipse html 插件的下载”

第一讲快速搭建 PhoneGap 开发环境

说明: 此教程来自于PhoneGap 中文网,主讲教师:张龙(树根) ,email: htzhanglong@foxmail.com ,官网: www.phonegap100.com. 极力推荐. 学习要点: 1. JDK 下载以及安装 2. JDK 环境变量配置 3. Eclipse + ADTplugin+Android SDK 集成环境 ADT Bundle for Windows 安装 一、 JDK 下载以及安装 http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html 二、 JDK 环境变量配置 进行 java 开发,首先要安装 jdk,安装了 jdk 后还要进行环境变量配置: 1、 下载 jdk(http://java.sun.com/javase/downloads/index.jsp) 2、 安装 jdk   3、 配置环境变量:右击“我的电脑”–>”高级”–>”环境变量” 1) 在系统变量里新建 JAVA_HOME 变量,变量值为:C:\Program Files\Java\jdk1.7.0_17(根 据自己的安装路径填写)  2) 新建 … Continue reading “第一讲快速搭建 PhoneGap 开发环境”

html页面使用IE9文档模式(浏览器模式和文档模式)

对于调试html页面的兼容性而言,特别苦逼,每个浏览器都需要一一去调试,特别是360安全浏览器(兼容模式),有的时候IE,火狐,谷歌…浏览器都正常,而偏偏360安全浏览器(兼容模式)不正常,要纠结很久,才能正常的把兼容性调试完。 为了能够快速解决兼容性的问题,我还是选择浏览器模式和文档模式的修改。   在较新的IE浏览器中(如IE8, IE9, IE10),为了解决兼容性的问题,引入了浏览器模式和文档模式两个概念,浏览网页时可以通过按F12键看到这两种模式。 浏览器模式的主要作用是为兼容较早版本的IE,它会控制浏览器发出的UserAgent,表示以哪个版本的浏览器发出请求,以此来允许为某个特定IE版本设计的代码正确执行(举例来说:有些代码真是判断ie版本的,还有css里也有判断ie版本的)。 文档模式的主要作用是影响浏览器显示网页HTML的方式,在接到返回的HTML文件后,决定以哪个IE版本的文档模式解析该页面(举例来说:JS脚本就是依赖文档模式,IE9的js变化就需要IE9文档模式来支持)。 –来源于网络 如何把html页面使用IE9文档模式? 在Head->Title下添加<META http-equiv=”X-UA-Compatible” content=”IE=9″ > </META>,这样可确保HTML页面工作在IE9标准文档模式下。