HTML5 CSS3在触屏网站上的实践.pdf

HTML5+CSS3HTML5+CSS3在触屏网站上的实践在触屏网站上的实践 时间时间 ：年0707月月 卞飞 目录 触屏现状触屏现状 整体架构整体架构 前端切图CSS经验分享 前端JavaScript经验分享 QA 触屏现状 htthttp //// 支持系统：Android IOS 触屏现状 1.机票搜索 触屏现状 2.酒店搜索 触屏现状 3.团购 触屏现状 4.列车搜索 触屏现状 5.景点 触屏现状 6.用户中心 整体架构 整体架构图整体架构图 机机票 酒店 MMap Json Mobile 团购 浏览器 Velocity Servlet Server 列车 景点 用户用户 中心 整体架构 前前端结构端结构 我们经过考虑使用我们经过考虑使用 HTML4 现有的比较成熟的 HTML5HTML5 JS框架框架Jqqueryy CSS2 Jquery CSS3 JJavaSScriipt 前端切图CSS经验分享 1.调研 纯HTML5+CSS3方案：语义化更好，性能更优 混合方案：兼容性好，部分特效实现较复杂 前端切图CSS经验分享 1.调研 • headerfooternavsidebar...h d f id b 打击打击一 •• AndroidAndroid 22.00 以下版本以下版本：：不支持不支持 • Nokia S60 V5 ：不支持不支持 • plllacehhholdldlder 打击二 • 全平台：无法定义样式