移动WebApp开发实践(精品·公开课件).pptVIP

移动WebApp开发实践 刘骥 About me 刘骥（吉姆） 百度移动·云计算事业部前端开发攻城狮 @刘骥-JimLiu Our team MCO-WEB Contents 概念 与桌面开发的异同 争议 常见踩坑点 工具 概念 Web Application App：应用程序 完成某项或者几项任务 满足某些需求 Web：构建于Web技术之上 HTML/CSS/JS 服务端 概念（续） 形态 Web 纯WebApp Hybrid App 与桌面开发的异同 同 技术范畴基本相同 大部分经验可以迁移 异 不同载体上的特殊问题 性能 库和框架 技术范畴 HTML/CSS/JS DOM/BOM/… 服务端 WebServer/PHP/… 主要针对浏览器 浏览器兼容问题 从IE6的忧伤走向Android的悲凉 开发经验 架构经验 展现与逻辑分离 模板引擎 各种优化 代码层面的经验 模块化 模板编译 代码混淆 开发经验（续） 与服务端交互数据 使用JSON格式 Ajax/JSONP 载体不同 移动设备屏幕 屏幕偏小，ViewPort概念受到空前关注 布局pixel与物理pixel不一定相等 操作方式 不能依赖鼠标悬浮 触摸控制精度低于鼠标控制 触屏设备（通常）没有物理键盘 性能 SunSpider IE8(on XP)：6000ms iPhone 4S：2200ms（2.7 times fas