- 1、本文档共64页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
Mobile App设计和开发课件
Mobile App;Profile;内容提要;现代移动互联网Modern Mobile Web (Mobile 2.0);现代移动互联网 - 过去;现代移动互联网 - 过去;现代移动互联网 - 过去;现代移动互联网 - 过去;现代移动互联网 - 过去;现代移动互联网 - 过去;现代移动互联网 - 现在;现代移动互联网 - 现在;现代移动互联网 - 现在;现代移动互联网 - 现在;现代移动互联网 - 未来;现代移动互联网 - 未来;现代移动互联网 - 未来;Mobile App设计和开发Design Development;Mobile App设计和开发;Mobile App设计和开发 - 三种模式;Mobile App设计和开发 - 三种模式;Web App
HTML(5)
+CSS(3)
+JavaScript
+Device API;Hybrid(frame) App
{Native + Web} App
Hybrid – Native与Web完全混合
Frame – 纯Native框架形式(PhoneGap);Mobile App设计和开发;HTML5
Elements/Forms
Offline App
LocalStorage
GeoLocation
Video/Audio
Canvas/WebGL
Web Workers;CSS3
Selector
Border
Background
Text effects
Transition/Transform/Animation;Device API
Touch Event
MultiTouch(gesture)
DeviceOrientation
WebClip
Viewport
Status Bar/Startup Image;浏览器兼容概览 – iOS 4.3.3 Mobile Safari;浏览器兼容概览 – Android 2.2 Webkit;Hybrid
(frame);移动框架的抉择
交互集成框架
Sencha Touch
jQuery Mobile
DHTMLX Touch/iUI/iWebkit(iOS)/…
纯JavaScript框架
Zepto.js
应用开发平台框架
PhoneGap;移动框架的抉择
Kissy Mobile?
or…;开发实战
HTML5应用实例
Elements/Form/GeoLocation
CSS3应用实例
Device API应用实例
基本包装/ScrollLayer/Shake!;开发实战-HTML5应用实例
Elements;开发实战-HTML5应用实例
Form;开发实战-HTML5应用实例
GeoLocation
navigator.geolocation.
getCurrentPosition
successCallback
errorCallback
positionOptions
watchPosition
clearWatch;开发实战-HTML5应用实例
GeoLocation;开发实战-CSS3应用实例
;开发实战-Device API应用实例
本地化基本包装
Viewport
Width
initial-scale / maximum-scale
user-scalable
Capable
WebClip icon
Startup image;开发实战-Device API应用实例
本地化基本包装;开发实战-Device API应用实例
ScrollLayer
touchstart/touchmove/touchend
e.touches //所有手指列表
e.targetTouches //当前Dom手指列表
e.changedTouches //当前事件手指列表
clientX / screenX / pageX
target
identifier
…;开发实战-Device API应用实例
ScrollLayer;开发实战-Device API应用实例
Shake!
ondevicemotion
e. accelerationIncludingGravity
X
Y
Z;开发实战-Device API应用实例
Shake!;Mobile App设计和开发;权衡利弊;权衡利弊
Native的优势:
速度
功能
表现
性能;权衡利弊
Web的优势:
效率
成本(跨平台)
更新
复用;权衡利弊
适合的才是最好的;WebView
它是Webkit在SDK中封装而成的一个组件
Java和JavaScript通过WebView的接口进行通信;双向通信技术解析
Native调用Web
loadUrl方法
webview.loadUrl(javascript:
您可能关注的文档
最近下载
- 2025年湖南科技职业学院单招英语模拟试题(附答案解析).pdf VIP
- 2025年高考数学重点题型归纳精讲精练5.4三角形四心和奔驰定理(新高考地区)(原卷版) .docx VIP
- 新生儿窒息复苏试卷附有答案.docx
- 三 气体压强.ppt VIP
- 图解---“健康中国2030”规划纲要-医学课件.pptx
- 历史:第6课《中古时代的欧洲》课件 (川教版九年级上).ppt
- DeepSeek-清华大学104页《DeepSeek:从入门到精通》.pptx
- FANUC 0i-MB操作说明书 完整版.pdf
- (八省联考)2025年新高考适应性演练 政治试卷合集(含答详解案).docx
- 赤泥坝施工方案.doc
文档评论(0)