Weitere ähnliche Inhalte
Ähnlich wie 《淘宝客户端 for Android》项目实战 (20)
《淘宝客户端 for Android》项目实战
- 41. 宽度自适应布局 目的: 兼容不同分辨率设备 320x480/360x640/480x800/480x854 屏幕旋转适应 Orientation 做法: 百分比宽度 max-width/min-width
- 48. 图形模拟 目的:减少图片 模拟圆形: -webkit-border-radius 模拟三角: border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #ccc;
- 54. CSS动画 简单的弹出层动画: .ani-pop{-webkit-animation:twc-popup .5s ease-in-out 0;} @-webkit-keyframes twc-popup{ 0%{-webkit-transform:scale(1) rotate(0);opacity:0;} 50%{-webkit-transform:scale(1.2) rotate(0);opacity:.5;} 100%{-webkit-transform:scale(1) rotate(0);opacity:1;} } 低配置机器资源消耗较大,尽量不用:(
- 58. touch/gestures事件 支持度 Android不支持多点触摸和手势 iOS全支持 touch和gestures介绍 ontouchstart/ontouchmove/ontouchend gesturestart/gesturechange/gestureend touches/targetTouches/changedTouches http://2.ly/ccay 应用 ScrollLayer组件[Beta]http://2.ly/cca6 http://www.smbey0nd.com/2010/07/10/touching-and-gesturing-on-the-iphone/
- 61. Native调用Web 监听超链接 <a href=“http://a.com/?b”>监听b参数</a> loadUrl方法 webview.loadUrl("javascript:foo()");
- 63. 合体实例 #1 加速加载 (Web调用Native) WebView的页面资源加载检测缺陷 页面onDomReady后马上调用Java函数通知Native
- 65. Android Webkit的缺陷和BUGs HTML5语义化标记 Placeholder属性 不支持动画GIF和svg position:fixed不支持(Android 1.6-) /不完善(Android 2.1-) 不支持-webkit-tap-highlight-color 不支持图片圆角和控件圆角(Android 1.6-) 部分机型 Scroll/touch事件的BUG(HTC Hero/HTC Legend) http://2.ly/cg8d 缺少说明文档和官方支持
- 69. 技术应用展望 HTML5语义化标记 Media Queries Video/Audio/Upload SVG/Canvas Flash localStorage/Geolocation Native+Web的深入融合和优化
- 73. Questions? By 王卓 [SMbey0nd] http://www.SMbey0nd.com http://twitter.com/SMbey0nd TaobaoU3D Mobile Web Team