PhoneGap的商业思考 |
PhoneGap的目标
PhoneGap与HTML
PhoneGap与Android等本地系统 |
PhoneGap的技术思考 |
PhoneGap的架构艺术
PhoneGap与HTML、CSS、JavaScript的关系
PhoneGap与智能手机的核心功能——包括相机、文件访问、地理定位,加速器,联系人,声音和振动等
PhoneGap的优势和劣势 |
PhoneGap框架的技术基石是什么? |
使用WebView
在WebView中使用JavaScript
创建本地Java API
使用JavaScriptInterface
JavaScript调用Java
Java调用JavaScript
PhoneGap是如何使用JavaScriptInterface的 |
安装PhoneGap |
安装JDK
安装Eclipse
安装 Android SDK
使用PhoneGap的注意事项 |
第一个PhoneGap程序 |
PhoneGap库的加入
JavaScript的构建
Assert下HTML文件的构建
编写配置文件
打包、安装、运行第一个PhoneGap程序 |
基于PhoneGap开发第一个HyBird
App |
什么是HyBird App?
为什么HyBird App更具有价值?
调用本地系统的API
运行第一个HyBird App |
PhoneGap程序的运行的生命周期内的事件 |
backbutton
deviceready
menubutton
pause
resume
searchbutton
online
offline
|
PhoneGap中的JavaScript |
在HTML页面上添加JavaScript
在页面加载之后运行JavaScript
函数
对象
数组
循环
定时器
DOM
HTML网页示例
使用纯JavaScript访问DOM
使用jQuery访问DOM
操作DOM
|
在PhoneGap中使用HTML的表单(一) |
创建基础的表单
使用range 类型创建滑块
使用选值框处理数字
日期控件
email 类型
url 类型
color 类型
回退
替换颜色选择器
Modernizr
|
在PhoneGap中使用HTML的表单(二) |
使用autofocus 属性定位第一个表单域元素
使用placeholder 属性进行提示
简单的注册表单
阻止自动完成
|
在PhoneGap中使用HTML的表单(三) |
账户表单
持久化数据
创建编辑页面
|
案例:在PhoneGap中通过HTML技术建立CRM系统 |
使用数据库存储CRM系统的信息
编写本地业务代码
发布本地业务代码接口
编写HTML页面
建立HTML和本地代码的相互沟通
|
案例:PhoneGap中通过HTML中文件处理api |
filelist对象与file对象
blob对象
filereader接口
PhoneGap操作本地文件
|
PhoneGap通过HTML技术操作本地系统的联系人 |
本地代码对联系人的增删改查等操作
PhoneGap对联系人的操作
|
使用PhoneGap操作本地数据库 |
获得数据库的信息:
对SQLite数据库的增、删、改、查等操作
|
PhoneGap 操作本地系统的Notification |
Notification:alert、confirm、beep、vibrate
通过PhoneGap的操作本机的Notification
|
PhoneGap 获得Device的信息 |
Device的信息
通过PhoneGap的API获得Device的信息
|
PhoneGap 操作本地系统的Camera |
本地的Camera
PhoneGap操作Camera进行拍照
|
PhoneGap 操作本地系统的Notification |
Notification:alert、confirm、beep、vibrate
通过PhoneGap的操作本机的Notification
|
PhoneGap 操作本地系统的Notification |
Notification:alert、confirm、beep、vibrate
通过PhoneGap的操作本机的Notification
|
PhoneGap 获取位置信息 |
位置信息
通过PhoneGap获取位置信息
|
PhoneGap 进行录音、录像、拍照 |
录音
录像
拍照
|
PhoneGap 开发的其它实例 |
通过Connection测试网络链接
通过Accelerometer来采集设备的动作
通过Compass获得当前设备的方向
|