正文内容加载中...
posted @ 2013-04-25 21:54 plums 阅读 (1303) 评论 (2) 编辑
摘要:VM player安装linux mint,运行后不能铺满全屏。在设置分辨率时,发现没有1440×900、1920x1080等的选项。有两种方法添加分辨率选项:一、在控制台添加分辨率选项;二、修改(或新建)/etc/X11/xorg.conf,添加配置信息; 阅读全文
posted @ 2013-04-24 22:07 plums 阅读 (3104) 评论 (0) 编辑
摘要:如何让定宽布局的WebApp在iPhone、Android自带浏览器中,自适配终端,完美显示。本篇文章讲解如何像传统PC网页开发一样,使用定宽布局开发WebApp,并让WebApp适应多终端设备:不使用Mobile UI框架;不使用响应式布局;适配多终端,适配WebApp布局宽度为终端设备分辨率宽度;一套CSS代码;一套布局方案;可以实现复杂的UI界面;支持iPhone、Android 阅读全文
posted @ 2013-01-10 16:44 plums 阅读 (14663) 评论 (77) 编辑
摘要:Brackets是一个开源的基于HTML/CSS/JavaScript开发,运行在native shell上的集成开发环境。该项目由Adobe创建和维护,根据MIT许可证发布。提供Windows和OS X平台支持。 Brackets的特点是简约、快捷,没有很多的视图或者面板,它的核心目标是减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索功能等等。 阅读全文
posted @ 2012-12-19 14:35 plums 阅读 (19740) 评论 (22) 编辑
摘要:WebApp事件穿透效应:在WebApp中,在页面转场或硬切换或弹框等界面变化的处理中,把初始界面触发界面变化事件的元素btnA相对屏幕的位置标为screenPoint,而切换的目标界面在screenPoint位置也存在一个元素btnB并绑定了事件处理,在一定情况下,当btnA被触发时,btnB也会被触发。这里将这种现象成为事件穿透效应。 阅读全文
posted @ 2012-12-15 15:35 plums 阅读 (1669) 评论 (0) 编辑
摘要:本片中所指WebApp均指运行在中国移动自出研发的WebApp平台—BAE上的WebApp程序。WebApp是采用HTML/CSS/JavaScript编写的Web应用程序,可以使用传统Web开发中的所有功能和API,并可调用BAE扩展的移动终端和业务能力接口,通过这些接口可以提供通讯录、多媒体、终端信息等终端能力及位置、地图等业务能力。每个WebApp应用都是一个符合ZIP规范的压缩文件,可以通过ZIP解压缩工具查看内部文件。一个完整的WebApp包含如下文件:config.xml WebApp属性和配置信息:存储WebApp名称、ID等属性,以及调用BAE业务能力的声明icon.png . 阅读全文
posted @ 2012-12-13 14:49 plums 阅读 (1069) 评论 (0) 编辑
摘要:BAE WebApp在布局开发时采用固定宽度和高度的做法,目前的标准是基于480*800分辨率,去除Android Title Bar后,实际运行WebApp的可视区域尺寸为480*762。即所有的WebApp开发时均按照480*762的尺寸来布局。在WebApp运行当中,由BAE将应用整体放大到目标屏幕的宽度,WebApp调用JS方法调整自身布局框架的高度,动态完成不同分辨率创下的WebApp布局的自适应。 阅读全文
posted @ 2012-12-13 13:25 plums 阅读 (1308) 评论 (0) 编辑
摘要:BAE系统(BrowserbasedApplicationEngine)——即基于浏览器技术的应用引擎——亦在加紧开发中。据了解,BAE是具备运营商差异化能力的跨终端系统移动互联网应用平台,它支持MobileWidget(移动微技)的跨平台运行,能快速在手机上实现一般网页很难实现的功能和应用,例如多媒体播放功能、位置信息访问等。 中国移动希望借助于BAE增强对终端的掌控,并为终端用户提供丰富的移动应用。“中国移动在BAE项目基础上与沃达丰、软银一道在联合创新实验室(JIL,JointInnovationLab)当中开展了MobileWidget系统的研究开发,定义统一的JILMobileWi. 阅读全文
posted @ 2012-12-01 12:41 plums 阅读 (1236) 评论 (2) 编辑
摘要: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/ 阅读全文
posted @ 2012-08-02 11:12 plums 阅读 (3421) 评论 (1) 编辑
摘要:HTML5解决跨域问题由于浏览器的同源策略,网络连接的跨域访问是不被允许的,XHR对象不能直接与非同源的网站处理数据交互。而同源指的是什么呢?同源的范畴包括:规则(协议),主机号(域名、ip等),端口号。但是随着开放,共享平台的流行,跨域访问的需求愈加强烈。目前最常用的跨域方案是动态加入script标签,这多少有点hack的意味,跨域访问似乎一直没有什么安全且光明正大的办法。终于,HTML5提供的XMLHttpRequestLevel2实现了跨域访问以及其他的一些新功能。下面我们会详细讨论一下:XMLHttpRequestLevel2XHR2是HTML5新特性中的一个(事实上没有什么XHR1, 阅读全文
posted @ 2012-07-31 10:16 plums 阅读 (4653) 评论 (0) 编辑