《agile框架多端开发之旅》由会员分享，可在线阅读，更多相关《agile框架多端开发之旅（23页珍藏版）》请在金锄头文库上搜索。
1、烽火星空 黄楠 2015-05-09 主题主题:Agile:Agile框架多端开发之旅框架多端开发之旅 移动应用多端开发方式之选 Webapp的开发与设计要点 Agile Lite框架体验应用多端开发 话 题 . . . 1 移动应用多端开发方式之选 什么是多端开发 在不同的程序入口访问相同的应用 应用微信浏览器 为什么是Webapp HTML5跨平台展示 较Native app的相对独立性，HTML5有较好的跨平台展示特性 JS具有强大的可扩展性 不同端的Webapp宿主容器都有将原生的本地能力封装成自己的JS桥接类 全端支持webview宿主容器 除了浏览 器之外，目前所有原生语言均对we
2、bview有不同程度的支持 代码移植性好 Webapp具有很强代码移植性，能够尽快适应多端展示的兼容性 不得不提的尴尬 本身的业务丰富，品种繁多，用户体验好 业务变化快，可运营特性要求快速上线挑战 基于原生组件模型进行业务开发 Web Plus应对 移动互联网巨头的一致选择：原生+HTML5 Native app与Web app的差异 VS 2 Webapp的开发与设计要点 Webapp运用到的关键技术 HTML5 CSS3 JS 创造性的使用HTML5、CCS3和JS 几个关键问题 0102 03 04 webapp 你的降级策略如何？ 如何解决多端原生能力和 本地能力差异？ 如何适应多端页
3、面生命周 期事件处理 如何统一进行数据格式化 处理和跨域？ 你的降级策略如何 去掉多余 动画 少用弹窗 和手势 精简页面 元素 减少跳转 增强过渡 边缘化 拒绝 一切从简，拒绝任何边缘化技术的使用 如何解决多端原生能力和本地能力差异？ JS桥接模式：将多端能力特征统一起来进行总体调控 如何适应多端页面生命周期事件处理 StartCreateStopDestroy loadshowhide un load JS自定义事件：单页默认模拟原生生命周期事件 如何统一进行数据格式化处理和跨域？ SDK/API接口 数据库 文件系统 Web ServiceB/S系统 标准协议 强大的数据处理和转换能力 H
4、TML页面结构 CSS分类 设备 主题核心主题应用主题 JS脚本分类 核心脚本：Webapp的核心控制器 设备脚本：原生和本地能力封装 桥接脚本：设备脚本的统一封装 3 Agile Lite框架体验应用多端开发 Agile Lite框架的特点 核心扩展 标准完全符合HTML5标准规范 灵活支持单页和多页模式开发 完整完全模拟全生命周期事件 原生无缝调用ExMobi和微信本地能力 适应组件和控制器可扩展适应不同场景 定制完全可定制和扩展的UI风格 Agile Lite框架基本结构 agile.layout.css ponent.css flat.color.css flat.iconline.css flat.iconform.css flat.iconlogo.css agile.js exmobi.js bridge.js 核心主题 设备主题 应用主题 核心脚本 设备脚本 桥接脚本 Agile Lite的核心扩展 E LESSControllerComponentEvent 体验多端展示成果 微信版APP版 感谢聆听！感谢聆听！
