Enviar pesquisa
Carregar
移动应用开发PhoneGap + JQuery + Dreamweaver
•
0 gostou
•
582 visualizações
Título melhorado com IA
Y
yangdj
Seguir
Tecnologia
Design
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 54
Baixar agora
Baixar para ler offline
Recomendados
Html5 For Jjugccc2009fall
Html5 For Jjugccc2009fall
Shumpei Shiraishi
E2 appspresso hands on lab
E2 appspresso hands on lab
NAVER D2
The Big Picture and How to Get Started
The Big Picture and How to Get Started
guest1af57e
Open Source Ajax Solution @OSDC.tw 2009
Open Source Ajax Solution @OSDC.tw 2009
Robbie Cheng
Micro app-framework
Micro app-framework
Michael Dawson
Opencast Admin UI - Introduction to developing using AngularJS
Opencast Admin UI - Introduction to developing using AngularJS
buttyx
Backbone.js — Introduction to client-side JavaScript MVC
Backbone.js — Introduction to client-side JavaScript MVC
pootsbook
OSGi and Spring Data for simple (Web) Application Development - Christian Bar...
OSGi and Spring Data for simple (Web) Application Development - Christian Bar...
mfrancis
Recomendados
Html5 For Jjugccc2009fall
Html5 For Jjugccc2009fall
Shumpei Shiraishi
E2 appspresso hands on lab
E2 appspresso hands on lab
NAVER D2
The Big Picture and How to Get Started
The Big Picture and How to Get Started
guest1af57e
Open Source Ajax Solution @OSDC.tw 2009
Open Source Ajax Solution @OSDC.tw 2009
Robbie Cheng
Micro app-framework
Micro app-framework
Michael Dawson
Opencast Admin UI - Introduction to developing using AngularJS
Opencast Admin UI - Introduction to developing using AngularJS
buttyx
Backbone.js — Introduction to client-side JavaScript MVC
Backbone.js — Introduction to client-side JavaScript MVC
pootsbook
OSGi and Spring Data for simple (Web) Application Development - Christian Bar...
OSGi and Spring Data for simple (Web) Application Development - Christian Bar...
mfrancis
Jarv.us Showcase — SenchaCon 2011
Jarv.us Showcase — SenchaCon 2011
Chris Alfano
Bare-knuckle web development
Bare-knuckle web development
Johannes Brodwall
Before there was Hoop Dreams, there was McDonald's: Strange and Beautiful
Before there was Hoop Dreams, there was McDonald's: Strange and Beautiful
chicagonewsonlineradio
Basics of AngularJS
Basics of AngularJS
Filip Janevski
Windows 8 metro applications
Windows 8 metro applications
Alex Golesh
Create a mobile web app with Sencha Touch
Create a mobile web app with Sencha Touch
James Pearce
Java Web Programming on Google Cloud Platform [2/3] : Datastore
Java Web Programming on Google Cloud Platform [2/3] : Datastore
IMC Institute
Design Patterns for JavaScript Web Apps - JavaScript Conference 2012 - OPITZ ...
Design Patterns for JavaScript Web Apps - JavaScript Conference 2012 - OPITZ ...
OPITZ CONSULTING Deutschland
Java Web Programming on Google Cloud Platform [3/3] : Google Web Toolkit
Java Web Programming on Google Cloud Platform [3/3] : Google Web Toolkit
IMC Institute
Sane Async Patterns
Sane Async Patterns
TrevorBurnham
TurboGears2 Pluggable Applications
TurboGears2 Pluggable Applications
Alessandro Molina
HTML,CSS Next
HTML,CSS Next
지수 윤
2012 SVCodeCamp: In App Payments with HTML5
2012 SVCodeCamp: In App Payments with HTML5
Jonathan LeBlanc
Mashing up JavaScript – Advanced Techniques for modern Web Apps
Mashing up JavaScript – Advanced Techniques for modern Web Apps
Bastian Hofmann
09 - express nodes on the right angle - vitaliy basyuk - it event 2013 (5)
09 - express nodes on the right angle - vitaliy basyuk - it event 2013 (5)
Igor Bronovskyy
Laravel 로 배우는 서버사이드 #5
Laravel 로 배우는 서버사이드 #5
성일 한
Angular js
Angular js
prasaddammalapati
Rails 6 frontend frameworks
Rails 6 frontend frameworks
Eric Guo
PhoneGap:你应该知道的12件事
PhoneGap:你应该知道的12件事
longfei.dong
Phone gap 12 things you should know
Phone gap 12 things you should know
ISOCHK
BlackBerry DevCon 2011 - PhoneGap and WebWorks
BlackBerry DevCon 2011 - PhoneGap and WebWorks
mwbrooks
Html5 and web technology update
Html5 and web technology update
Doug Domeny
Mais conteúdo relacionado
Mais procurados
Jarv.us Showcase — SenchaCon 2011
Jarv.us Showcase — SenchaCon 2011
Chris Alfano
Bare-knuckle web development
Bare-knuckle web development
Johannes Brodwall
Before there was Hoop Dreams, there was McDonald's: Strange and Beautiful
Before there was Hoop Dreams, there was McDonald's: Strange and Beautiful
chicagonewsonlineradio
Basics of AngularJS
Basics of AngularJS
Filip Janevski
Windows 8 metro applications
Windows 8 metro applications
Alex Golesh
Create a mobile web app with Sencha Touch
Create a mobile web app with Sencha Touch
James Pearce
Java Web Programming on Google Cloud Platform [2/3] : Datastore
Java Web Programming on Google Cloud Platform [2/3] : Datastore
IMC Institute
Design Patterns for JavaScript Web Apps - JavaScript Conference 2012 - OPITZ ...
Design Patterns for JavaScript Web Apps - JavaScript Conference 2012 - OPITZ ...
OPITZ CONSULTING Deutschland
Java Web Programming on Google Cloud Platform [3/3] : Google Web Toolkit
Java Web Programming on Google Cloud Platform [3/3] : Google Web Toolkit
IMC Institute
Sane Async Patterns
Sane Async Patterns
TrevorBurnham
TurboGears2 Pluggable Applications
TurboGears2 Pluggable Applications
Alessandro Molina
HTML,CSS Next
HTML,CSS Next
지수 윤
2012 SVCodeCamp: In App Payments with HTML5
2012 SVCodeCamp: In App Payments with HTML5
Jonathan LeBlanc
Mashing up JavaScript – Advanced Techniques for modern Web Apps
Mashing up JavaScript – Advanced Techniques for modern Web Apps
Bastian Hofmann
09 - express nodes on the right angle - vitaliy basyuk - it event 2013 (5)
09 - express nodes on the right angle - vitaliy basyuk - it event 2013 (5)
Igor Bronovskyy
Laravel 로 배우는 서버사이드 #5
Laravel 로 배우는 서버사이드 #5
성일 한
Angular js
Angular js
prasaddammalapati
Rails 6 frontend frameworks
Rails 6 frontend frameworks
Eric Guo
Mais procurados
(18)
Jarv.us Showcase — SenchaCon 2011
Jarv.us Showcase — SenchaCon 2011
Bare-knuckle web development
Bare-knuckle web development
Before there was Hoop Dreams, there was McDonald's: Strange and Beautiful
Before there was Hoop Dreams, there was McDonald's: Strange and Beautiful
Basics of AngularJS
Basics of AngularJS
Windows 8 metro applications
Windows 8 metro applications
Create a mobile web app with Sencha Touch
Create a mobile web app with Sencha Touch
Java Web Programming on Google Cloud Platform [2/3] : Datastore
Java Web Programming on Google Cloud Platform [2/3] : Datastore
Design Patterns for JavaScript Web Apps - JavaScript Conference 2012 - OPITZ ...
Design Patterns for JavaScript Web Apps - JavaScript Conference 2012 - OPITZ ...
Java Web Programming on Google Cloud Platform [3/3] : Google Web Toolkit
Java Web Programming on Google Cloud Platform [3/3] : Google Web Toolkit
Sane Async Patterns
Sane Async Patterns
TurboGears2 Pluggable Applications
TurboGears2 Pluggable Applications
HTML,CSS Next
HTML,CSS Next
2012 SVCodeCamp: In App Payments with HTML5
2012 SVCodeCamp: In App Payments with HTML5
Mashing up JavaScript – Advanced Techniques for modern Web Apps
Mashing up JavaScript – Advanced Techniques for modern Web Apps
09 - express nodes on the right angle - vitaliy basyuk - it event 2013 (5)
09 - express nodes on the right angle - vitaliy basyuk - it event 2013 (5)
Laravel 로 배우는 서버사이드 #5
Laravel 로 배우는 서버사이드 #5
Angular js
Angular js
Rails 6 frontend frameworks
Rails 6 frontend frameworks
Semelhante a 移动应用开发PhoneGap + JQuery + Dreamweaver
PhoneGap:你应该知道的12件事
PhoneGap:你应该知道的12件事
longfei.dong
Phone gap 12 things you should know
Phone gap 12 things you should know
ISOCHK
BlackBerry DevCon 2011 - PhoneGap and WebWorks
BlackBerry DevCon 2011 - PhoneGap and WebWorks
mwbrooks
Html5 and web technology update
Html5 and web technology update
Doug Domeny
E3 appspresso hands on lab
E3 appspresso hands on lab
NAVER D2
Vaadin 7 CN
Vaadin 7 CN
jojule
Building iPhone Web Apps using "classic" Domino
Building iPhone Web Apps using "classic" Domino
Rob Bontekoe
Android Best Practices
Android Best Practices
Yekmer Simsek
mobl
mobl
zefhemel
Relevance trilogy may dream be with you! (dec17)
Relevance trilogy may dream be with you! (dec17)
Woonsan Ko
前端概述
前端概述
Ethan Zhang
G* on GAE/J 挑戦編
G* on GAE/J 挑戦編
Tsuyoshi Yamamoto
HTML5 on Mobile
HTML5 on Mobile
Adam Lu
international PHP2011_Bastian Feder_jQuery's Secrets
international PHP2011_Bastian Feder_jQuery's Secrets
smueller_sandsmedia
Design Patterns for Tablets and Smartphones
Design Patterns for Tablets and Smartphones
Michael Galpin
Client-side Rendering with AngularJS
Client-side Rendering with AngularJS
David Lapsley
Mozilla Web Apps - Super-VanJS
Mozilla Web Apps - Super-VanJS
Robert Nyman
Big Data for each one of us
Big Data for each one of us
OSCON Byrum
Web APIs & Apps - Mozilla
Web APIs & Apps - Mozilla
Robert Nyman
Developing your first application using FI-WARE
Developing your first application using FI-WARE
Fermin Galan
Semelhante a 移动应用开发PhoneGap + JQuery + Dreamweaver
(20)
PhoneGap:你应该知道的12件事
PhoneGap:你应该知道的12件事
Phone gap 12 things you should know
Phone gap 12 things you should know
BlackBerry DevCon 2011 - PhoneGap and WebWorks
BlackBerry DevCon 2011 - PhoneGap and WebWorks
Html5 and web technology update
Html5 and web technology update
E3 appspresso hands on lab
E3 appspresso hands on lab
Vaadin 7 CN
Vaadin 7 CN
Building iPhone Web Apps using "classic" Domino
Building iPhone Web Apps using "classic" Domino
Android Best Practices
Android Best Practices
mobl
mobl
Relevance trilogy may dream be with you! (dec17)
Relevance trilogy may dream be with you! (dec17)
前端概述
前端概述
G* on GAE/J 挑戦編
G* on GAE/J 挑戦編
HTML5 on Mobile
HTML5 on Mobile
international PHP2011_Bastian Feder_jQuery's Secrets
international PHP2011_Bastian Feder_jQuery's Secrets
Design Patterns for Tablets and Smartphones
Design Patterns for Tablets and Smartphones
Client-side Rendering with AngularJS
Client-side Rendering with AngularJS
Mozilla Web Apps - Super-VanJS
Mozilla Web Apps - Super-VanJS
Big Data for each one of us
Big Data for each one of us
Web APIs & Apps - Mozilla
Web APIs & Apps - Mozilla
Developing your first application using FI-WARE
Developing your first application using FI-WARE
Mais de yangdj
磊友科技CTO 赵霏演讲
磊友科技CTO 赵霏演讲
yangdj
黎明帝国发布会By黄何
黎明帝国发布会By黄何
yangdj
黎明帝国
黎明帝国
yangdj
海豚浏览器CTO刘铁锋:Web App发展现状
海豚浏览器CTO刘铁锋:Web App发展现状
yangdj
快!快!快! 互联网第一条军规
快!快!快! 互联网第一条军规
yangdj
面孔演讲词
面孔演讲词
yangdj
面孔网张路:Julia开源框架
面孔网张路:Julia开源框架
yangdj
微游戏Ceo徐城:HTML5的移动互联网时代
微游戏Ceo徐城:HTML5的移动互联网时代
yangdj
Adobe董龙飞:关于PhoneGap的12件事
Adobe董龙飞:关于PhoneGap的12件事
yangdj
【项目分享】赶集移动Web App开发总结
【项目分享】赶集移动Web App开发总结
yangdj
赶集团购开发总结4
赶集团购开发总结4
yangdj
混搭移动开发:PhoneGap+JQurey+Dreamweaver
混搭移动开发:PhoneGap+JQurey+Dreamweaver
yangdj
iOS5 开发新特性
iOS5 开发新特性
yangdj
CSDN移动电子刊第三期
CSDN移动电子刊第三期
yangdj
Csdn移动电子刊 9月
Csdn移动电子刊 9月
yangdj
淘宝无线电子商务数据报告Marked
淘宝无线电子商务数据报告Marked
yangdj
Csdn移动电子刊第一期
Csdn移动电子刊第一期
yangdj
字霸一点通2003
字霸一点通2003
yangdj
友盟2011第一季度国内android数据报告
友盟2011第一季度国内android数据报告
yangdj
应用汇,Android
应用汇,Android
yangdj
Mais de yangdj
(20)
磊友科技CTO 赵霏演讲
磊友科技CTO 赵霏演讲
黎明帝国发布会By黄何
黎明帝国发布会By黄何
黎明帝国
黎明帝国
海豚浏览器CTO刘铁锋:Web App发展现状
海豚浏览器CTO刘铁锋:Web App发展现状
快!快!快! 互联网第一条军规
快!快!快! 互联网第一条军规
面孔演讲词
面孔演讲词
面孔网张路:Julia开源框架
面孔网张路:Julia开源框架
微游戏Ceo徐城:HTML5的移动互联网时代
微游戏Ceo徐城:HTML5的移动互联网时代
Adobe董龙飞:关于PhoneGap的12件事
Adobe董龙飞:关于PhoneGap的12件事
【项目分享】赶集移动Web App开发总结
【项目分享】赶集移动Web App开发总结
赶集团购开发总结4
赶集团购开发总结4
混搭移动开发:PhoneGap+JQurey+Dreamweaver
混搭移动开发:PhoneGap+JQurey+Dreamweaver
iOS5 开发新特性
iOS5 开发新特性
CSDN移动电子刊第三期
CSDN移动电子刊第三期
Csdn移动电子刊 9月
Csdn移动电子刊 9月
淘宝无线电子商务数据报告Marked
淘宝无线电子商务数据报告Marked
Csdn移动电子刊第一期
Csdn移动电子刊第一期
字霸一点通2003
字霸一点通2003
友盟2011第一季度国内android数据报告
友盟2011第一季度国内android数据报告
应用汇,Android
应用汇,Android
Último
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Puma Security, LLC
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
wesley chun
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Roshan Dwivedi
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Delhi Call girls
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Neo4j
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Igalia
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
V3cube
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
Paola De la Torre
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Allon Mureinik
Slack Application Development 101 Slides
Slack Application Development 101 Slides
praypatel2
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
The Digital Insurer
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
The Digital Insurer
Último
(20)
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Slack Application Development 101 Slides
Slack Application Development 101 Slides
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
移动应用开发PhoneGap + JQuery + Dreamweaver
1.
移动应用开发 PhoneGap + JQuery
+ Dreamweaver
2.
3.
very much!
4.
But,
less than 7yue
5.
MOBILE HTML
6.
Web App
or Hybrid App or Native App
7.
?MOBILE HTML
http://mobilehtml5.org/
8.
摄像头
设备API Web font 音视频 运动传感器 部件 图形、图像、特效 指南针 设备信息 CSS 3 GPS 通知 JavaScript 网络状态 HTML标记和语义 …
9.
浏览器 摄像头
设备API Web font 音视频 运动传感器 部件 图形、图像、特效 指南针 设备信息 CSS 3 GPS 通知 JavaScript 网络状态 HTML标记和语义 …
10.
Native Wrapper
浏览器 摄像头 设备API Web font 音视频 运动传感器 部件 图形、图像、特效 指南针 设备信息 CSS 3 GPS 通知 JavaScript 网络状态 HTML标记和语义 …
11.
Native Wrapper PhoneGap
WebView 摄像头 设备API Web font 音视频 运动传感器 部件 图形、图像、特效 指南针 设备信息 CSS 3 GPS 通知 JavaScript 网络状态 HTML标记和语义 …
12.
Web App &
Hybrid App 使用 HTML + JavaScript + CSS3 开发的移动应用 (基于浏览器+可安装的)
13.
Framework? Tools?
14.
15.
JQuery mobile
(http://jquerymobile.com/) 创建面向现代智能移动设备的 跨平台UI框架
16.
构建于JQuery Core 跨平台 (iOS, Android,
Blackberry, Palm WebOS, Nokia/Symbian, Windows Phone 7, MeeGo, Opera Mobile/Mini, Firefox Mobile, Kindle, Nook, 所有现代浏览器) HTML5标记配置 轻量级 模块化架构 触摸和鼠标事件支持 强大的主题框架 统一的、可扩充的UI组件
17.
<body> <div data-role="page" id="page">
<div data-role="header"> <h1>Page One</h1> Page </div> <div data-role="content"> <ul data-role="listview"> <li><a href="#page2">Page Two</a></li> <li><a href="#page3">Page Three</a></li> <li><a href="#page4">Page Four</a></li> </ul> </div> <div data-role="footer"> <h4>Page Footer</h4> </div> </div> <div data-role="page" id="page2"> <div data-role="header"> <h1>Page Two</h1> </div> <div data-role="content"> Content </div> <div data-role="footer"> <h4>Page Footer</h4> </div> </div>
18.
准备div:interactive <div data-role="page" id="page2"
> <div data-role="header" id="page2Header" data-position="fixed" > 1 <a href="#page1" data-role="button" data-icon="home">home</a> <h1>PIE</h1> </div> 2 <div data-role="content"> <div id="interactive" class="graph" ></div> </div> <div data-role="footer" data-position="fixed" id="page2Footer"> <h4>Page Footer</h4> </div> </div> jquery.flot.js
19.
准备数据 $(function () {
var data=[]; var series = Math.floor(Math.random()*5)+5; for( var i = 0; i<series; i++) { data[i] = { label: "Series"+(i+1), data: Math.floor(Math.random()*100)+1 } } … jquery.flot.js
20.
$.plot($("#interactive"), data,
使用Jquery plugin { plot在interactive series: { div上绘制 pie: { show: true, innerRadius: 0.4 } }, grid: { hoverable: false, clickable: true }, legend: { show: false } }); $("#interactive").bind("plotclick", pieClick); }); jquery.flot.js
21.
listview <div data-role="page" id="page3">
<div data-role="header"> <a href="#page4" data-role="button" data-icon="back">返回 </a> <h1>LIST</h1> </div> <div data-role="content"> <ul data-role="listview" data-theme="d" id="listAfterMax" data-inset="true"> </ul> </div> <div data-role="footer"> <h4>Page Footer</h4> </div> </div>
22.
数据 var itemData =
[ {imgURL: "images/flowing-rock.jpg" , label: "Series1", desc: 10, price: 120, stock:1200}, {imgURL: "images/grass-blades.jpg" , label: "Series2", desc: 30, price: 220, ck:200}, …… ];
23.
“itemrenderer” <script id="newsItem" type="text/x-jquery-tmpl">
<li data-messageId="${label}" class="newsItem"> <img src="${imgURL}" class="itemImageWrapper" /> <h3> <a href="#page4" onClick="activeGallery()">${label}</a> </h3> <p class="subItem"><strong>Price ${price}元 </strong></p> <div class="ui-li-aside"> <p><strong>${stock} 部</strong></p> </div> </li> </script>
24.
使用Jquery
plugin: tmpl 构 var newsList = $( "#listAfterMax" ); 建list newsList.empty(); $( "#newsItem" ).tmpl( itemData).appendTo( newsList ); newsList.listview( "refresh" );
25.
My Stupid Demo
26.
MORE…
http://www.markus-falk.com/mobile-frameworks-comparison-chart/
27.
MORE…
http://www.markus-falk.com/mobile-frameworks-comparison-chart/ http://www.markus-falk.com/mobile-frameworks-comparison-chart/
28.
PhoneGap
29.
使用HTML5、CSS3、JavaScript构建 APP 访问移动设备本地特性 phoneGap plugin 打包部署到多种平台
30.
31.
打包
32.
public class CirclesActivity
extends DroidGap { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); super.loadUrl("file:///android_asset/ www/circles.html"); } } Native Wrapper with PhoneGap
33.
在dreamweaver中构建
34.
PhoneGap : Build
35.
PhoneGap Build
Compile in the cloud
36.
37.
PhoneGap plugin
38.
定制PhoneGap Plugin
(IOS 和 Android) 一个JavaScript与匹配的Java 一个JavaScript与匹配的.h和.m
39.
PhoneGap如何工作?
40.
PhoneGap架构
Web App PhoneGap Plug-ins HTML5+JavaScript+CSS3 摄像头 运动传感器 设备信息 指南针 GPS 通知 HTML5 PhoneGap API JS API 网络状态 … PhoneGap Native API HTML Engine 定制plugin (WebView、UIWebView…) OS API OS API Mobile OS
41.
android activity HTML5项目 phonegap.jar plugins.xml AndroidManifest.xml
42.
public class CirclesActivity
extends DroidGap { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); super.loadUrl("file:///android_asset/ www/index.html"); } } Native Wrapper with PhoneGap
43.
public class callsPGPlugin
extends Plugin { Java定制plugin // List Actions public static final String ACTION="list"; @Override public PluginResult execute(String action, JSONArray data, String callbackId) { PluginResult result=null; if(ACTION.equals(action)){ CallLogAI callLogAI = new CallLogAI(ctx); JSONObject callsHistory=callLogAI.fetchCallLogs(null); Log.d("RESULT=", callsHistory.toString()); result=new PluginResult(Status.OK,callsHistory); }else{ result=new PluginResult(Status.INVALID_ACTION); Log.d("CallsPlugin","Invalidate action:" + action); } return result; } }
44.
注册plugin <?xml version="1.0" encoding="UTF-8"?> <plugins>
<plugin name="App" value="com.phonegap.App"/> <plugin name="Geolocation" value="com.phonegap.GeoBroker"/> <plugin name="Device" value="com.phonegap.Device"/> …… <plugin name="Temperature" value="com.phonegap.TempListener"/> <plugin name="FileTransfer" value="com.phonegap.FileTransfer"/> <plugin name="Capture" value="com.phonegap.Capture"/> <plugin name="CallsHistoryPlugin" value="com.mark.phonegap.plugin.callsPGPlugin" /> </plugins>
45.
Javascript接口 var CallsListing=function(){}; CallsListing.prototype.list=function(successCallback,failureCallback){
return PhoneGap.exec(successCallback, failureCallback, 'CallsHistoryPlugin', 'list',['test'] ); }; PhoneGap.addConstructor(function(){ PhoneGap.addPlugin("callsListing",new CallsListing); });
46.
Javascript 调用plugin
window.plugins.callsListing.list( function(r){printResult(r)}, function(e){console.log(e)} );
47.
window.plugins.callsListing.list(
function(r){printResult(r)}, function(e){console.log(e)} ); CallsListing.prototype.list=function (successCallback,failureCallback){ return PhoneGap.exec(successCallback, failureCallback, 'CallsHistoryPlugin', 'list',['test’]); }; public class callsPGPlugin extends Plugin { // List Actions <plugin name="CallsHistoryPlugin" public static final String ACTION="lis value="com.mark.phonegap.plugin.callsPGPlu @Override public PluginResult execute(String gin" /> action, JSONArray data, String callbackId) {
48.
PhoneGap的 小秘密
49.
addJavaScriptInterface WebChromClient: onJsPrompt CallbackServer:XmlHttpRequestsever
50.
CallsListing.prototype.list=function (successCallback,failureCallback){
return PhoneGap.exec(successCallback, failureCallback, 'CallsHistoryPlugin', 'list',['test’]); }; PhoneGap.exec = function(success, fail, service, action, args) { … var r = prompt(JSON.stringify(args), "gap:"+JSON.stringify([service, action, callbackId, true])); …
51.
Droidgap.java
public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) { …… String r = pluginManager.exec(service, action, callbackId, message, async); …… } Pluginmanager.java public String exec(final String service, final String action, final String callbackId, final String jsonArgs, final boolean async) { …… cr = plugin.execute(action, args, callbackId); ctx.sendJavascript(cr.toErrorCallbackString(callbackId)); …… }
52.
Pluginmanager.java
ctx.sendJavascript(cr.toErrorCallbackString(callbackId)); CallbackServer.java : XHR server PhoneGap.Channel.join(function() { // Start listening for XHR callbacks setTimeout(function() { if (PhoneGap.UsePolling) { PhoneGap.JSCallbackPolling(); } …
53.
Appcelerator Titanium
Native? JavaScriptCore Mozilla Rhino
54.
Mark Dong Developer Evangelist dong@adobe.com weibo.com/donglongfei
Baixar agora