随笔分类 - BAE WebApp开发
移动研究院BAE平台上的WebApp开发
摘要：WebApp事件穿透效应：在WebApp中，在页面转场或硬切换或弹框等界面变化的处理中，把初始界面触发界面变化事件的元素btnA相对屏幕的位置标为screenPoint，而切换的目标界面在screenPoint位置也存在一个元素btnB并绑定了事件处理，在一定情况下，当btnA被触发时，btnB也会被触发。这里将这种现象成为事件穿透效应。
阅读全文
摘要：本片中所指WebApp均指运行在中国移动自出研发的WebApp平台—BAE上的WebApp程序。WebApp是采用HTML/CSS/JavaScript编写的Web应用程序，可以使用传统Web开发中的所有功能和API，并可调用BAE扩展的移动终端和业务能力接口，通过这些接口可以提供通讯录、多媒体、终端信息等终端能力及位置、地图等业务能力。每个WebApp应用都是一个符合ZIP规范的压缩文件，可以通过ZIP解压缩工具查看内部文件。一个完整的WebApp包含如下文件：config.xml WebApp属性和配置信息：存储WebApp名称、ID等属性，以及调用BAE业务能力的声明icon.png .
阅读全文
摘要：BAE WebApp在布局开发时采用固定宽度和高度的做法，目前的标准是基于480*800分辨率，去除Android Title Bar后，实际运行WebApp的可视区域尺寸为480*762。即所有的WebApp开发时均按照480*762的尺寸来布局。在WebApp运行当中，由BAE将应用整体放大到目标屏幕的宽度，WebApp调用JS方法调整自身布局框架的高度，动态完成不同分辨率创下的WebApp布局的自适应。
阅读全文
摘要：BAE系统（BrowserbasedApplicationEngine）——即基于浏览器技术的应用引擎——亦在加紧开发中。据了解，BAE是具备运营商差异化能力的跨终端系统移动互联网应用平台，它支持MobileWidget（移动微技）的跨平台运行，能快速在手机上实现一般网页很难实现的功能和应用，例如多媒体播放功能、位置信息访问等。 中国移动希望借助于BAE增强对终端的掌控，并为终端用户提供丰富的移动应用。“中国移动在BAE项目基础上与沃达丰、软银一道在联合创新实验室（JIL，JointInnovationLab）当中开展了MobileWidget系统的研究开发，定义统一的JILMobileWi.
阅读全文
摘要：HTML5 开发APP需要一个开发框架和编译环境，参阅了相关资料后选择开源的PhoneGap。PhoneGap是一个开源的开发框架，使用HTML5，CSS3和JavaScript来构建跨平台的的移动应用程序。下面介绍PhoneGap环境的搭建，及第一个Web APP。1、选择你使用的平台，PhoneGap支持6个平台的开发和编译：IOS，Android，WebOS(HP),BlackBerry,Symbian。我比较熟悉Android的开发流程，所以选择Android作为搭建环境。2、Eclipse 3.4+ 安装Eclipse 3.4+下载地址：http://www.eclipse.org/
阅读全文
摘要：HTML5解决跨域问题由于浏览器的同源策略，网络连接的跨域访问是不被允许的，XHR对象不能直接与非同源的网站处理数据交互。而同源指的是什么呢？同源的范畴包括：规则(协议)，主机号(域名、ip等)，端口号。但是随着开放，共享平台的流行，跨域访问的需求愈加强烈。目前最常用的跨域方案是动态加入script标签，这多少有点hack的意味，跨域访问似乎一直没有什么安全且光明正大的办法。终于，HTML5提供的XMLHttpRequestLevel2实现了跨域访问以及其他的一些新功能。下面我们会详细讨论一下：XMLHttpRequestLevel2XHR2是HTML5新特性中的一个(事实上没有什么XHR1，
阅读全文
