C.移动互联网时代的应用开发-杨丰盛.ppt

移动互联网时代的应用开发 WebApp的发展战略与实践 内容概要 WebApp的发展战略移动应用进入互联网时代 NativeApp怎么样 WebApp又如何 怎么办 WebApp HTML5 WebApp开发的要点及实战WebApp解决方案 全新的UI设计统一的多媒体方案更强的数据存储能力通过WebSocket实现双向通信WebGL让游戏开发更容易设备的特有功能 移动应用进入互联网时代 热门关键词移动应用 appstore androidmarket 3G 4G云计算智能手机 智能电脑 智能家居 移动终端HTML5热门产品 移动互联网应用的标准 开发成本用户体验运营 收益 模式UI设计高性能 高效率安全性 NativeApp怎么样 不同平台 不同开发 不同体验 不同模式最优UI最佳体验最好交互最强开发工具最成熟最高成本最难维护最怕盗版 WebApp又如何 不同平台 相同开发 相同体验 模式混乱最低成本最多终端最易更新最新技术最差兼容最坏体验最弱交互最耗流量最缺原生支持 怎么办 乔布斯曾表示 虽然现阶段Native给了用户更好的体验 但Web才是未来 如果现在的开发者不有效的利用Web技术 那他就落伍了 但如果过分依赖Web 完全不用Native那也未必就是好事 让用户自己决定 WebApp HTML5 WebApp解决方案 Web服务器 数据库服务器 前端UI JavaScript HTML5 CSS WebView WebSQL Socket Http 浏览器 移动终端 设备特性 全新的UI设计 HTML5新标签CSS3Canvas 使用HTML5标签的原则 绝对不能少的可行性检查必须的兼容性处理省略不必要的属性部分不必要的最好不要省准确理解和使用新标签语意及其功能不同的需求使用不同的元素自定义属性更强大不支持的元素 属性不要用正确的处理用户需求 提高用户体验 又爱又恨的CSS3 爱 在何处 圆角效果 border radius 阴影效果颜色及透明使用 font face定制字体渐变效果旋转和平移动画 恨 在何方 兼容性CSS验证代码臃肿 Canvas让前端更精彩 Canvas的功能统一UI图形图像渲染帧动画建议及注意事项刷新频率requestAnimationFrame使用putImageData而不使用drawImage尽可能指定较小的刷新区域clearRect尽量使用小图片进行缩放尽量使用bmp图片不要多个Canvas重叠使用双缓冲技术一次性绘制减少画布状态的切换 统一的多媒体方案 FfmpegHTML5MEDIO 更强的数据储存能力 sessionStoragelocalStorageWebsql其他数据库 性能 安全 WebSocket实现双向通信 关键字高性能 并发 多线程 node js gitclonegit WebGL让游戏开发更容易 WebGL比Canvas效率更高硬件加速JavaScript计算性能材质 纹理导入 设备特有性能 移动设备的硬件接口API摄像头 话筒 重力感应器