自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

转载 tracker系列(一)

Tracker项目是同事基于xface3.0开发的一款跨平台的手机软件(可以运行在Android和ISO平台上),其主要功能是:1、查看当前所在地2、记录行程轨迹3、选择相应的地图(百度或谷歌)其实tracker应该属于LBS,百度给出的解释——基于位置的服务(Location Based Service,LBS),它是通过电信移动运营商的无线电通讯网络(如GSM网

2013-12-18 09:53:58 1629

转载 xFace3.x 开发技巧(4)---适配方案

适配方案分辨率适配方案1. 使用meta标签进行缩放适配(该方案仅适用于xFace平台)Webkit具备高效缩放视图的能力,因此我们可以借助viewport的设置来让界面自动适应近似分辨率的屏幕.Viewport为我们提供了丰富的接口,用于控制诸如是否允许用户缩放,是否自动匹配设备dpi等。  //示例:  需要特别注意的是,我们只能在其中设置一个值:width

2013-12-17 09:37:15 769

转载 xFace3.x 开发技巧(3)---移动应用常用的布局方式

移动应用常用的布局方式(1)固定布局: 针对具体分辨率进行布局,一般web上常用,移动开发上不建议采用此种方式。(2)流式布局(使用弹性盒模型): 一般分为header区、content区、footer区,采用上中下百分比(有时也固定header和footer高度)进行布局。(3)响应布局: 通过css3引入的@media,根据不同的分辨率做出不同的布局样式调整。固定布局固定布

2013-12-16 09:57:36 606

转载 xFace3.x 开发技巧(2)---常见的页面组织方式

常见的页面组织方式多页面,单模块一个模块一个页面,该种方式基本上不使用。优点:便于维护,互补影响。缺点:增加了页面之间相互跳转的次数,转场效果不佳。多页面,多模块相同功能模块,整合为一个页面,目前使用较多的一种方式,可以说既有多页面的优缺点,也有单页面的优缺点。优点:便于多人协作开发,相互间的影响较小。缺点:页面间转场效果不佳。单页面,多模块

2013-12-13 09:50:16 674

转载 xFace3.x 开发技巧(1)---从web开发转向移动开发

介绍一些针对移动设备常用的HTML5开发技巧。从web开发转向移动开发视野范围的转变这点是针对可显示的内容区域而言的,PC的内容区域相对于移动设备的内容区域来说,那已经算相当丰富了。如果说PC可以是多视图区域的,那么移动应用更多的是单视图,使得我们开发的应用视野集中在当前的一点,而不是多点。总结:多视图视野向单视图视野的转变用户习惯的转变PC上的操作,更多的

2013-12-12 16:31:34 609

转载 Online App

在线应用xface的在线应用将应用部署在服务器,同时采用HTML5的应用程序缓存技术,通过创建 cache manifest 文件,可以轻松地创建在线应用的离线版本。什么是应用程序缓存(Application Cache)?HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。 应用程序缓存为应用带来三个优势:离线浏览 - 用

2013-12-11 09:50:53 617

转载 xFace App Workspace 介绍

概念为了保证运行在xFace引擎上的app(后面简称xapp)数据的安全,每个xapp都有一个沙盒模型,xapp只能读写自己的沙盒,该沙盒便是通过workspace来实现简而言之,workspace是与xapp关联的一个目录,xapp对该目录具有读写权限,其他xapp无权读写该xapp的workspaceworkspace只是一个逻辑上的概念,其物理位置对xapp是透明

2013-12-10 09:47:08 770

转载 xFace Application Management System

What is AMSxFace offers a running mode for multiple apps. Typically there is a supervisor app which’s responsible for all other managed applications. Let’s simply call this supervisor app as “Port

2013-12-09 14:41:09 573

原创 基于xFace的应用

案例展示中国银联手机支付业务致力于向广大持卡人提供安全、便捷的支付手段,构建时尚、创新的电子商务平台,融汇更多丰富的服务与应用。手机银行是一个集移动金融业务、银联商圈、银行商圈为一体的手机银行客户端,能够为用户提供账户管理、转账、开户等业务服务。新通国际教育为中国学生构建一个涵盖“语言培训—国际学术课程—海外游学—留学咨询—留学方

2013-12-06 16:16:57 930

原创 xFace的快速入门--windows phone

模拟器 目前暂时不支持windows phone的设备,windows phone的设备目前只能通过player在设备上进行调试,下面来看看手机上的调试方法吧。1、下载工具        便携版模拟器Emulator(Windows)  暂不支持       xFace Player                                       下载地址:http://p

2013-12-04 10:14:53 784

原创 xFace的快速入门--IOS

ios系统的快速入门和Android的大部分都差不多,模拟器这部分是一样的,只是player的使用上有点区别,今天就来看看ios设备的快速入门。1、下载工具        便携版模拟器Emulator(Windows)  下载地址:http://polyvi.github.io/openxface/download/PortableEmulator.zip       xFace Pl

2013-12-03 14:33:18 984

原创 xFace的快速入门--Android

前面已经讲述了xFace的概述、用途、工具以及使用方式,有了前面的知识,就可以快速入门了。下面,来看下Android系统的设备的快速入门的步骤吧。1、下载工具        便携版模拟器Emulator(Windows)  下载地址:http://polyvi.github.io/openxface/download/PortableEmulator.zip       xFace P

2013-12-02 14:06:35 1168 1

原创 xFace Player的使用安装

通过xFace Player,开发者可以直接在手机上看到应用的实际运行效果,不同系统平台的设备,安装方式不一样,下面依次进行介绍。 一、Android系统 Android上分为手动和自动方式。 自动方式:       1、点击模拟器上的Developer Helper的“Push”按钮,就会自动把对应的应用代码拷贝到 手机对应的目录        2、点击模拟器上的Develo

2013-11-29 16:10:04 1041

原创 模拟器Emulator(手动版)的安装使用

一、安装 (1)下载并安装最新的Google Chrome浏览器。 (2)运行Chrome,在地址栏中输入chrome://chrome/extensions/,并打开页面(或者通过    “工具”->“扩展程序”打开)。    (3)把下载下来的模拟器的zip包解压,得到Emulator.crx文件,把此文件拖动到“扩展程序”页面,出现如下提示,点击“添加”即可安装。 

2013-11-28 10:27:31 1982

转载 模拟器Emulator(便携版)的安装使用

便携版的模拟器使用起来非常方便,没有手动版那么复杂,但是便携版仅适用于Windows。 让我们来看下具体操作: (1)下载便携版模拟器—PortableEmulator.zip并解压到本地(注意:解压路径请不要含有中文字符)     (2)进入解压后Chrome_Emulator所在目录,启动Chrome_Emulator.exe ,如图所示: (3)在chrome

2013-11-27 15:21:57 759

转载 xFace所使用的开发工具---模拟器Emulator

Emulator实现了对xFace事件以及扩展接口的模拟,主要用于辅助开发人员对web app进行调试。将 Emulator 作为插件安装到Google Chrome后,可以利用Chrome提供的“开发者工具”对应用进行HTML DOM元素审查,JavaScript调试,资源监测,自动化测试等。        目前,模拟器有便携版和手动版。便携版,仅支持windows平台;手动版支持win

2013-11-26 17:25:48 773

转载 xFace的发展历程

自2007年起,诺基亚、微软、苹果、谷歌相继推出自家的智能操作系统,移动互联网进入飞速发展的时代。但在移动应用开发大潮中,开发者却不得不面临以下问题:语言种类多样化、适配平台多样化、设备多样化等,导致应用开发的周期长、成本高。在这样的背景下,xFace应运而生,通过Web平台中间件技术,实现了一次开发,多平台运行的目标。  【xFace 1】 xFace产品研发始于08年,xFac

2013-11-25 14:33:52 995

原创 xFace是什么

【xface】 xFace是基于Web技术的移动应用开发平台,允许开发者使用HTML、CSS及JavaScript技术开发智能移动终端的应用程序。平台提供跨平台的中间件引擎,支持在智能移动终端的系统(Android、iOS、Windows Phone 等)上运行符合平台规范的HTML应用,具有程序代码一次开发、多平台运行的优点,减少开发及维护的工作量。      xFace产品的设计目标,

2013-11-22 15:47:36 3290 4

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除