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