移动端混合开发框架分析

移动端架构分析

移动端架构分析 (1)

1移动端常见开发模式 (5)

1.1纯N ATIVE A PP (5)

1.1.1主流框架 (5)

1.1.2优势 (6)

1.1.3劣势 (6)

1.1.4主流应用 (6)

1.2H YBRID A PP (6)

1.2.1多View混合型 (7)

主流框架 (7)

优势 (7)

劣势 (7)

主流应用 (7)

发展趋势 (7)

1.2.2Web主体型 (8)

主流框架平台 (8)

优势 (9)

劣势 (9)

主流应用 (10)

发展趋势 (10)

1.2.3单View混合型 (10)

主流框架 (10)

优势 (10)

劣势 (10)

主流应用 (10)

1.3W EB A PP (10)

1.3.1主流框架 (11)

1.3.2优势 (11)

1.3.3劣势 (11)

1.3.4主流应用 (11)

1.4四种主要开发模式对比 (11)

2移动前端主流框架分析 (12)

2.1W EB和N ATIVE混合 (12)

2.1.1WindVane+Hybrid+Native (12)

简介 (12)

框架实现 (12)

架构图 (13)

2.1.2AppCan (13)

简介 (13)

框架实现 (13)

架构图 (14)

Html5 Web App 手机跨平台开发笔记

Html5 Web App 手机跨平台开发笔记 APP 开发平台包括Android 平台开发，Mac os X 平台开发以及Windows Phone 7平台开发。开发的程序都只能在各自手机系统上运行，如果开发出一种程序，能再以上任何系统上运行，那是多么美好的事情。而Html5 Mobile Web App就是其中一种跨平台方法。下面是相关知识的介绍 1.背景 HTML5是HTML的最新标准，HTML5的草案已经于2008年发布，目前W 3 C(万维网联盟)正在对此进行进一步完善。对许多人来说，早该进行这种改进了。十多年来，HTML 一直没有进行真正的升级，上一次正式获得W3C推荐(即Web标准制定过程的最终阶段)的标准语言还是2001年的XHTML1.1。此后的这些年，Web开发人员要求升级的呼声越来越高。因为HTML和XHTML标准已力不从心，它们以文档为中心的理念无法有效地满足现代Web应用的需要。 2.HTML5 2.1什么是HTML? HTML（Hypertext Markup Language）是超文本标记语言的英文缩写，这是一种标记语言，不需要进行编译，直接由浏览器执行。HTML文件是一个文本文件，包含了一些HTML元素、标签等。目前HTML语言的标准是由W3C（World Wide Web Consortium）负责制定的。依照规则，无论是何种浏览器，对于相同的HTML代码，应当展现给用户相同的效果。 2.2什么是HTML5？ HTML5是下一代Web语言，HTML5是在现在的HTML基础上提出了许多新的特性，例如嵌入音频、视频和图片的函数、客户端存储数据、交互式文档等，通过制定如何处理所有HTML 元素以及如何从错误中恢复的精确规则，HTML5进一步增强了互动性，并有效减少了开发成本，并将引领下一个web实现类似的桌面应用体验。它的出现消除internet程序对flash,Sliverlight,javaFX等一类浏览器插件的依赖。从感性的角度来看，HTML5技术的渲染过程主要是由浏览器、内嵌HTML5解析器的应用程序(如PhoneGap)、支持书签打开方式的应用程序又或者是移动手机产品(iPhone和iPad)进行的。这种技术的好处就是能重用现有的网页设计。从理性的角度来看，HTML5 技术就是使用JavaScript引擎直接控制本地功能，改变移动设备上的浏览器组件。而HTML5应用上的表现问题更多是由HTML/CSS渲染技术控制的，而不是由JavaScript解析生成的。如果使用正确，HTML5技术无疑可以给予你大量新增的表现效果

Android开发实战中常用安卓开发框架

Android是基于Linux平台的开源移动操作系统，主要适用于移动设备，如智能手机和平板电脑（当然现在已经适用车控应用了），由Google公司和开放手机联盟领导及开发。不完全统计，Android平台手机的全球市场份额已经达到80%，本文介绍了android开发者实战中最喜欢使用的几种Android开发框架。 1) Corona SDK Corona SDK是一个跨平台技术的工具，它利用Lua开发脚本，从一个特定的移动操作系统开发应用。应用程序可以在模拟器中测试，然后编译为Android的本机代码。同时Corona SDK 还支持与Map、Facebook、OpenFient、GameCenter的集成。然而在编译项目时，程序员需要把代码上传到Corona的服务器上去编译，不能在本地直接编译。 2) Phonegap Phonegap是一款开源的开发框架，旨在让开发者使用HTML、Java、CSS等Web APIs开发跨平台的移动应用程序。它需要特定平台提供的附加软件，例如iPhone的iPhone SDK，Android的Android SDK等，也可以和DW5.5及以上版本配套开发。使用PhoneGap比为每个平台分别建立应用程序稍好一些，因为虽然基本代码是一样的，但是程序员仍然需要为每个平台分别编译应用程序。 3) Xamarin Xamarin 始创于2011年，旨在使移动开发变得难以置信地迅捷和简单。Xamarin的产品简化了针对多种平台的应用开发，包括iOS、Android、Windows Phone和Mac App。Xamarin 由许多著名的开源社区开发者创立和参与，而且也是Mono项目的主导者——C#与?NET框架的开源、跨平台实现。而这其中Xamarin Studio就是一个用C#语言开发跨平台应用的集成开发环境，它和iOS 以及Android SDK紧密整合。Xamarin Studio提供了很多现代开发所需功能，包括代码完成、调试器、打包和发布应用（支持通过TestFlight发布应用程序）。对于Android，Xamarin还包含了自己的UI生成器（对于iOS，则使用苹果Xcode的UI生成器），此外还集成了Git和Subversion。Android开发者可以使用Xamarin Studio在模拟器和真机上对移动应用进行测试和bug调试。 4) Sencha Touch 2 Sencha Touch是由Sencha公司开发的移动Web应用开发框架，用以提升主流移动设备在浏览器上的触碰操作，增强用户体验。该框架以久负盛名的Ext JS富客户端框架为基础，并支持最新的HTML5及CSS3标准，与流行的Apple iOS和Andriod设备兼容。一方面，它以Webkit浏览器引擎为基础，提供了出色的性能和用户体验；另一方面，它提供了基于GPL V3许可的开源版本和详尽的API文档，体现了良好的开放性和易用性。因此，该框架可帮助移动应用开发人员提升开发效率，从而创造出更多富有创意的移动应用。 5) Appcelerator Appcelerator是一个构建基于SOA的RIA应用的全集成平台，用来构建富应用、交互式的网站和应用程序。Appcelerator应用的语言——Web Expression Language，是一种对HTML 的扩展，它采用直观、声明的方法来构建动态的web应用。

移动端混合开发框架分析

移动端架构分析目录移动端架构分析 (1) 1移动端常见开发模式 (5) 1.1纯N ATIVE A PP (5) 1.1.1主流框架 (5) 1.1.2优势 (6) 1.1.3劣势 (6) 1.1.4主流应用 (6) 1.2H YBRID A PP (6) 1.2.1多View混合型 (7) 1.2.1.1主流框架 (7) 1.2.1.2优势 (7) 1.2.1.3劣势 (7) 1.2.1.4主流应用 (7) 1.2.1.5发展趋势 (7) 1.2.2Web主体型 (8) 1.2.2.1主流框架平台 (8) 1.2.2.2优势 (9) 1.2.2.3劣势 (9)

1.2.2.5发展趋势 (10) 1.2.3单View混合型 (10) 1.2.3.1主流框架 (10) 1.2.3.2优势 (10) 1.2.3.3劣势 (10) 1.2.3.4主流应用 (10) 1.3W EB A PP (10) 1.3.1主流框架 (11) 1.3.2优势 (11) 1.3.3劣势 (11) 1.3.4主流应用 (11) 1.4四种主要开发模式对比 (11) 2移动前端主流框架分析 (12) 2.1W EB和N ATIVE混合 (12) 2.1.1WindVane+Hybrid+Native (12) 2.1.1.1简介 (12) 2.1.1.2框架实现 (12) 2.1.1.3架构图 (13) 2.1.2AppCan (13) 2.1.2.1简介 (13) 2.1.2.2框架实现 (13)

2.2跨平台原生应用 (15) 2.2.1BeeFramework (15) 2.2.1.1简介 (15) 2.2.1.2框架实现 (15) 2.2.1.3架构图 (16) 2.2.2Native Script (17) 2.2.2.1简介 (17) 2.2.2.2框架实现 (17) 2.2.2.3结构图 (18) 2.2.3React Native (18) 2.2.3.1简介 (18) 2.2.3.2框架实现 (18) 2.2.3.3架构图 (20) 3数梦移动端开发框架选择..................................... 错误！未定义书签。 3.1开发模式选择 (20) 3.1.1为什么不选择Native (20) 3.1.2玩什么不选择WebApp或Web主体型Hybird (21) 3.1.3选择多页面混合型Hybird (21) 3.2选择类W IND V ANE框架 (21) 3.2.1玩什么不选择React Native (21) 3.2.2玩什么选择类WindVane框架 (21)

三种手机app开发方式优缺点分析 (1)

三种手机app开发方式优缺点分析金义飞 AngularJS处于ionic移动app开发框架之下进行开发手机app,所以对比java,ionic,react三者开发app的优劣。下表分析上述三种开发方式 java ionic React 跨平台特性用原生java开发，,无法跨平台，只可开发安卓 app 一次开发,ios和android均可运行，但是如果涉及到系统级API调用以及项目配置则需要自己手动编写cordova插件的方式达到效果。统一js进行开发使用jsx语法确实能做到各端开发，但是需要针对iOS 和android开发两套代码。开发方式Java语言使用html5 + angularjs，与网页开发类似，代码只需要写一次，就可以达到跨平台效果普通UI全程js开发，部分情况下需要使用与java混合的方式，没有统一的UI组件，ios组件较多，android 组件较少，各自编写js文件的情况较多，简单空间和逻辑层可共用，基本上iOS和android是两套代码，可用flexbox布局。功能支持完全能实现编写cordova插件，则能达到全部java 支持原生能完成的功能。android高级组件可能需要自己实现，系统级的功能可通过安装第三方插件或者与native混编的方式实现，基本上功能能完全实现性能对比开发者水平很重要安卓端性能较差，ios效果不错基本接近原生性能开源库多少少优劣总结 java：优势： 1,最好的体验以及功能实现。 2,庞大的开源库供使用，大部分算法可以百度到。 3,完善成熟的开发文档以及demo。劣势： 1,无法做到跨平台。 ionic：优势： ios 和android 基本上可以共用代码，纯web思维，简单方便，一次编码，到处运行，如果熟悉web 开发，则开发难度较低。文档很全，系统级支持封装较好，所有UI组件都是有html模拟，可以统一使用。可实现在线更新允许加载动态加载web js。劣势：占用内存高一些，不适合做游戏类型app，web技术无法解决一切问题，对于比较耗性能的地方无法利用java的思维实现优势互补，如高体验的交互，动画等。

Android移动应用架构设计

Android 移动应用架构设计

随着新技术的引入，及编写原生Android 代码的技能不断提升，我们开始思索如何去解锁移动应用新架构，也就是Growth 5.0。我们尝试使用了Kotlin + React Native + Dore + WebView 搭建了一个简单的Android 移动应用模板。为了尝试解决Growth 3.0+ 出现的一系列问题：启动速度慢、架构复杂等等的问题。作为Architecture 练习计划的一部分，我们将采用规范一些的叙述方式来展开。 1.业务架构 2.技术远景 3.方案对比 4.架构设计方案 5.持续集成设计 6.测试策略 7.架构实施即下图：

技术架构设计之路业务架构技术是为了解决业务的问题而产生的。脱离了业务，技术就没有了存在的前提。脱离了业务的架构不叫“架构”，而叫刷流氓，又或者是画大饼。业务由于其本身拥有其特定的技术场景，往往是对技术决策影响最大的部分。因此，开始之前让我们先了解一些业务，这里以Growth 为例。 Growth 的价值定位是：带你成为顶尖开发者。

复杂一点的说明就是：Growth提供编程学习服务使用Web开发路线帮助新手Web 程序员解决Web 学习路径问题。让我们来看一下，更复杂一些的说明（电梯演讲）：在原有的业务架构下，我们拥有Growth、探索、社区、练习四个核心业务，以及用户中心的功能。 o Growth（首页），即带有详细介绍的Web 应用的生命周期，能帮助开发者理解Web 应用的构建流程。

o探索，以辅助开发者了解Web 应用方方面面的知识，如常用工具、练手项目、技能测验、读书路线等等。 o练习，通过这些练习项目，来帮助开发者更好的掌握知识。 o社区，一个简易的论坛。 o用户中心，一些用户的收藏数据、应用相关的设置等等。这就是业务上的主要架构，接下来让我们看看技术上的事务。技术远景远景，即想象中未来的远大景象。技术远景，即想象中未来的技术方面的远大景象。在上一节中，我们介绍的是项目的业务远景。而作为一个技术人员，在一个项目里，我们也已经创建自己的技术远景。一来，我们可以创建出可持续演进的架构；二来，可以满足个人的技能需求。以Growth 为例，我的最基本的技术需求是：提升自身的能力。然后才是一个跨平台的技术设施——减少构建时间。从Growth 1.0、Growth 2.0 采用的Ionic，到Growth 3.0 采用的React Native，它都优先采用新的技术来帮助自己成长，并使用了跨平台的移动应用开发框架。而这几个不同的版本里，也拥有其对应的不同技术问题 o Growth 1.0 主要是Angular 1.x 的跳崖式升级，使之变成不可维护的系统。 o Growth 2.0 则是Angular 2.x 那庞大的构建体积，带来了启动时间慢的问题。 o Growth 3.0 则是，React Native 生成的 index.android.bundle 文件有3.1M，这个体积相当的大，以至于即使在高通的骁龙835 处理器上，也需要4~5 秒的打开时间。

移动应用开发框架(WADE-Mobile).

移动应用开发专题二创新周报总第172期框架为桥,天堑变通途 ——移动应用开发框架(WADE-Mobile 参与过早期J2EE WEB开发的同事一定记忆犹新,大多数程序员都刚刚从传统的PB、Delphi等 C/S模式应用开发中转型过来,不再是单一的编程语言,也缺少统一的集成开发环境(IDE,满眼尽是从前端(JSP、HTML、Javascript到后端(Java、HTTP、WSDL、DB数量众多、纷繁复杂的全新面孔。混乱过一阵子后,开源和定制开发框架逐渐兴起,技术门槛高、开发效率低的糟糕境况才得以好转。今天,移动应用开发又将我们拉回到这似曾相识的境地。云计算、移动互联网大势所趋,HTML5、CSS3 新技术闪亮齐登场。Apple iOS、Google Android、Windows Phone、OMS(中国移动OPhone、Linux(中国联通沃Phone等平台之争,Objective-C、Java、C/C++各种语言伴随着陆。Apple xCode、Google Android Development Tools (ADT、中国移动Open Mobile System Development Tools (ODT、Microsoft Visual Studio 2008等各种开发环境跟着乱象纷呈。我们会不会再次回到混沌之初,期待盘古重开天地呢?答案是否定的,请看下面关于《移动应用开发框架(WADE-Mobile》的详细介绍。

WADE移动应用开发框架(简称WADE-Mobile基于最新的WEB技术(HTML5、CSS3,并结合面向各种操作系统、移动设备的专用APP壳,可广泛用于各种企业场景的移动应用开发,能够有效降低技术门槛、提高开发效率、保证产品质量和保障信息安全。适用场景 WADE-Mobile适用于公司内部各部门移动应用产品研发和项目实施,包括满足运营商业务支撑系统向移动设备终端的延伸需求,以及面向更为广阔的移动互联网领域,开发公众使用的移动应用产品。在运营商业务支撑系统方面,已知能够适用的一些需求包括:中国移动集团规范(NGBOSS-CRM3多OP 管理分册G3版工作台部分、广东移动G3版CRM手机客户端解决方案、中国移动集团公司统一积分商城、上海移动WLAN登录、江苏电信掌上BOSS等。在移动互联网方面,可以支持的移动设备操作系统包括:Apple iOS,开发使用Objective-C程序语言和xCode集成开发环境;Google Android,开发使用Java程序语言和Eclipse集成开发环境,包含Android Development Tools (ADT插件包; 中国移动Open Mobile System (OMS,程序语言和开发环境同谷歌类似,不同的是插件包为OMS Development Tools (ODT;中国联通沃PHONE,国产Linux操作系统,

三种移动APP(应用程序)开发方式比较 (2)

三种移动APP（应用程序）开发方式比较一、名词介绍1.NativeAPPNativeAPP指的是原生程序，一般依托于操作系统，有很强的交互，是一个完整的App，可拓展性强，需要用户下载安装使用。（简单来说，原生应用是特别为某种操作系统开发的，比如iOS、Android、黑莓等等，它们是在各自的移动设备上运行的）该模式通常是由“云服务器数据+APP应用客户端”两部份构成，APP应用所有的UI元素、数据内容、逻辑框架均安装在手机终端上。原生应用程序是某一个移动平台（比如iOS或安卓）所特有的，使用相应平台支持的开发工具和语言（比如iOS平台支持Xcode和Objective-C，安卓平台支持Eclipse和Java）。原生应用程序看起来（外观）和运行起来（性能）是最佳的。 2.WebAPPWebApp指采用Html5语言写出的App，不需要下载安装。类似于现在所说的轻应用。生存在浏览器中的应用，基本上可以说是触屏版的网页应用。（Web应用本质上是为移动浏览器设计的基于Web的应用，它们是用普通Web开发语言开发的，可以在各种智能手机浏览器上运行）WebApp 开发即是一种框架型APP开发模式（HTML5APP框架开发模式），该开发具有跨平台的优势，该模式通常由“HTML5云网站+APP应用客户端”两部份构成，APP应用客户端只需安装应用的框架部份，而应用的数据则是每次打开APP的时候，去云端取数据呈现给手机用户。HTML5应用程序使用标准的Web技术，通常是HTML5、JavaScript和CSS。这种只编写一次、可到处运行的移动开发方法构建的跨平台移动应用程序可以在多个设备上运行。虽然开发人员单单使用HTML5和JavaScript就能构建功能复杂的应用程序，但仍然存在一些重大的局限性，具体包括会话管理、安全离线存储以及访问原生设备功能（摄像头、日历和地理位置等）。

国内外主流前端开发框架技术对比

一、国内外主流前端开发框架技术对比
框架名称主要平台桌面端 jQuery, LESS 丰富丰富丰富丰富基础技术布局 CSS 控件特效风格设置手动配置一般一般简单
Ratchet
移动端
HTML5,css
简单
中等
桌面端
jQuery
-
-
丰富
丰富预置/可视化配置
移动端
jQuery
丰富
-
丰富
丰富预置/可视化配置
桌面端 Ext JS, Sass
丰富
-
极丰富
极丰富丰富
预置
移动端
HTML5
丰富
-
丰富
-
Boostrap
Bootstrap 是目前桌面端最为流行的开发框架，一经推出，势不可挡。 Boostrap 来自于 Twitter，是一个基于 HTML，CSS，JAVASCRIPT 的时尚的、直观的、强大的流行前端框架及交互组件集，可用于快速，简单构建你的网站。 Bootstrap 主要针对桌面端市场，Bootstrap3 提出移动优先，不过目前桌面端依然还是 Bootstrap 的主要目标市场。 Bootstrap 主要基于 jQuery 进行

JavaScript 处理，支持 LESS 来做 CSS 的扩展。 Bootstrap 框架在布局、版式、控件、特效方面都非常让人满意，都预置了丰富的效果，极大方便了用户开发。在风格设置方面，还需要用户在下载时手动设置，可配置粒度非常细，相应也比较繁琐，不太直观，需要对 Bootstrap 非常熟悉配置起来才能得心应手。在浏览器兼容性方面，目前 Firefox, Chrome, Opera, Safari, IE8+等主流浏览器 Bootstrap 都提供支持。但是在 IE 支持方面略显短板，对 IE6 和 IE7 支持都不是特别理想。在 Bootstrap3 中甚至放弃了对 IE6、IE7 的支持。在框架扩展方面，随着 Bootstrap 的广泛使用，扩展插件和组件也非常丰富，涉及显示组件、兼容性、图表库等各个方面。
Bootstrap 拥有以下特性： ? ? ? ? ? ? ? ? ? ? ? 适应各种技术水平跨设备，跨浏览器 12 列栅格布局响应式设计样式化的文档不断完善的库定制的 jQuery 插件：Bootstrap 提供了定制的 jQuery 内置插件。用 LESS 构建支持 HTML5 标签和语法支持 CSS3 免费开源
Ratchet
Ratchet 最初是 Twitter 的一套面向 iOS 原生应用程序的 HTML/CSS 原型。在看到这些原型对于开发过程多么重要之后，团队决定将其作为一个移动应用程序原型设计工具开源。团队很快就清楚地认识到，Ratchet 不仅非常适合构建移动应用程序原型，而且还非常适合完备的移动应用程序。Ratchet 并没有试图在平台或浏览器方面使用 CSS 做任何特别的事。它的目标是保持简洁，那样更容易理解和实现。

10大移动Web开发框架

10大移动Web开发框架开发者在创建web程序和Web移动开发时应该不断的挑战自我，开发新技术。如今，触屏时代了终结了鼠标，大多数便携式应用改变了传统的台式机产品。为了帮助您快速的构建跨平台的移动应用和网页，本文收集了一些JavaScript框架。对此，你可以充分利用它。移动Web开发框架的主要特点：优化触屏设备：触屏设备代替了鼠标，给用户界面设计提供更多的挑战。移动Web开发框架给移动设备平台提供标准的UI元素和事件处理。跨平台：支持多个移动设备平台，比如iOS和Android等。轻量级：由于目前带宽的限制，降低文件重量的重点是放在移动Web开发框架上。使用HTML5和CSS3的标准：大多数主流移动设备的Web浏览器支持HTML5和CSS3。文中的这些轻量级框架使用HTML5和CSS3标准来帮助您快速开发跨平台的Web移动应用和网站。 1. jQuery Mobile

jQuery Mobile这个框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。它是当前最流行的移动开发框架。 jQuery Mobile不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。虽然jQuery Mobile相对较新，但开发人员可以用jQuery Mobile为许多移动设备（包括智能手机和平板电脑）开发网站应用程序，RSS阅读器等应用。查看jQuery Mobile实战应用，可以在这里看它的示例。假如你不熟悉jQuery，可以选择MooTools Mobile,一个由MooTools核心开发人员Christoph Pojer开发的一个MooTools插件。还有一个是Dojo Mobile,这个利用了Dojo API来帮助开发人员快速构建一个用于移动平台的应用。 2. Titanium Mobile

AppCan移动应用开发框架- AppCan应用开发

AppCan移动应用开发框架-AppCan应用开发 AppCan官方网站：https://www.360docs.net/doc/427505641.html, 1、介绍 AppCan应用推荐使用AppCan集成调试环境进行开发，也可以使用其他常见网页编辑软件进行修改。但为了调试和测试方便，建议采用AppCan 集成调试环境在下载页可以下载。基本的开发步骤可以参考如下图例：

开发主要步骤由四大步组成 ?安装配置在这个阶段，开发者需要下载和配置开发环境。并下载所用调试移动终端对应的AppCan Player程序用于后期调试。 ?开发在这个阶段，开发者需要建立自己的项目工程，并根据需求，参考示例代码和文档，编写应用。 ?调试和测试在这个阶段，开发者使用AppCan模拟器测试应用的展示效果和测试应用功能。也可使用AppCan Player测试应用在真机上得表现。 ?发布开发者测试玩应用后可以把应用发布给最终发布给最终用户使用。 AppCan应用是使用HTML5开发的基于AppCan中间件运行的移动应用程序。目标程序分为两个类别。主应用和插件应用两类 ?主应用使用AppCan平台开发的，可以跟其他原生应用一样安装的程序 ? AppCan开放平台应用作为AppCan主应用的扩展，可以在主应用中的我的空间下载安装的应用。主应用和AppCan开放平台应用的开发流程基本一致，只是在最终生成发布时有所差别。 2、项目管理 AppCan项目是由HTML文件、CSS文件、JavaScript文件、Config文件和其他图片、音乐、视频资源按照一定的目录结构规则组成。AppCan集成调试工具可以快捷的打包您的项目或发布到AppCan开放平台。当您使用AppCan集成开发调试环境创建一个新项目，AppCan IDE会自动建立必要地目录并放入默认的资源、脚本文件。开发者在此基础上添加自己的资源、文件夹和文件。以下是一个AppCan项目的文件和目录结构: Andorid_iphone AppCan是一个可以用于进行跨平台应用开发的系统，每个应用默认都适配于Andorid、iOs平台。而Symbian 平台接口和能力稍有差别，因此在项目构件时，项目构建向导会默认建立Android_iphone和symbian目录，其中Andorid_iphone目录下作为标准适配应用代码路径。开发者完成调试后，可以拷贝Android_iphone 目录下地所有文件到Symbian路径下，使用AppCan player for S60进行测试后，使用AppCan云端打包服务器，编译可在Symbian平台运行的应用。 Css AppCan应用的默认样式表格存放路径，存储了AppCan UI框架需要的资源等信息。用户自定义的样式和样式用到的相关资源也可放到此路径下 Images 样式表格需要用到的图片资源 Res-apple 苹果样式按钮用到的图片资源

前端开发框架对比

近几年随着jQuery、Ext 以及CSS3 的发展，以Bootstrap 为代表的前端开发框架如雨后春笋般挤入视野，可谓应接不暇。不论是桌面浏览器端还是移动端都涌现出很多优秀的框架，极大丰富了开发素材，也方便了大家的开发。这些框架各有特点，本文对这些框架进行初步的介绍与比较，希望能够为大家选择框架提供一点帮助，也为后续详细研究这些框架的抛砖引玉。JavaScript & CSS 目前前端框架主要采用JavaScript+CSS模式，我们先来了解一下这两者。预准备之JavaScript 目前主流的JavaScript 框架排名中，jQuery和Ext 可算是佼佼者，获得了用户的广泛好评。国内的一些框架很多也是仿照jQuery对JavaScript 进行了包装，不过这些框架的鼻祖YUI 还是坚持用自己的JavaScript 类库。 jQuery是目前用的最多的前端JavaScript 类库，据初步统计，目前jQuery的占有率已经超过46%，它算是比较轻量级的类库，对DOM 的操作也比较方便到位，支持的效果和控件也很多。同时，基于jQuery有很多扩展项目，包括jQuery UI(jQuery支持的一些控件和效果框架)、jQuery Mobile(移动端的jQuery框架)、QUnit(JavaScript 的测试框架)、Sizzle(CSS 的选择引擎)。这些补充使得jQuery框架更加完整，更令人兴奋的是，这些扩展与目前的框架基本都是兼容的，可以交叉使用，使得前端开发更加丰富。 Ext 是Sencha公司推崇的JavaScript 类库，相比jQuery，Ext JS 更重量级，动辄数兆的文件，使得Ext 在外网使用的时候会顾虑很多。但是，另一方面，在Ext JS 庞大的文件背后是Ext JS 强大的功能。Ext JS 的控件和功能可以说强大和华丽到了让人发指的程度。图表、菜单、特效，Ext JS 的控件库非常丰富，同时它的交互也非常强大，独立靠Ext JS 几乎就可以取代控制层完成于客户的交互。强大的功能，丰富的控件库，华丽的效果也使得Ext JS 成为内网开发利器。框架鼻祖YUI 也有自己的JavaScript 类库，DOM 操作和效果处理也还比较方便，功能和控件也很齐全，但是相比jQuery和Ext JS 显得比较中庸一些。随着Yahoo!的没落，YUI 的呼声也逐渐被新起的框架淹没，想来也让人惋惜。除了上述的三个JavaScript 类库，还有Dojo、Prototype、Mootools等众多类库，由于本文讨论的框架多采用上述框架，所以其他框架暂不讨论。预准备之CSS 随着CSS3 的推出，浏览器对样式的支持更加上了一个层次，效果更加出众。各框架也纷纷开发出基于CSS3 的样式，让框架更加丰富。对于CSS3，更是推出了一些预编译的扩展框架，主要是LESS、Sass 和Compass(Compass 是基于Sass 的扩展)。可以方便地进行变量定义，格式引用，函数定义等操作，并内置了大量的效果。让您的CSS 开发效率提升一个档次。根据Chris Coyier的比较，Sass+Compass几

几个最流行的跨平台开发工具

目前，移动应用程序已成为各类业务的重要组成部分之一。在不同平台上让不同应用都能提供丰富的应用体验，这对开发者提出了更高的要求。Mobile Apps Updates博客日前总结了最流行的5个跨平台移动应用开发工具。移动产业的兴起，给用户和开发者都带来了更多选择。目前，移动应用程序已经逐渐成为各类业务的重要组成部分之一。要让应用程序良好运行，必须选用正确的手机平台。目前领先的移动技术平台有iOS、Windows Phone、Android和黑莓。在不同平台上让不同应用都能提供丰富的应用体验，这对开发者提出了更高的要求。跨平台移动应用开发工具正好满足了开发者不断增长的跨平台开发需求，它的优点是，开发者只要编写一次代码，开发的应用程序可适用于每一种智能手机；此外，跨平台开发工具通常使用更常见的语言，比如JavaScript、HTML5和CSS，更容易找到开发人员，进而缩短开发时间。跨平台开发工具有助于智能设备与个人电脑的融合，使得移动应用开发变得更加容易，开发者无需付出额外的努力。 Mobile Apps Updates博客日前总结了最流行的5个跨平台移动应用开发工具，期望带给开发者更多启示。 1. PhoneGap 它能提供一个很好的应用程序开发机制，开源并支持黑莓、Android、iOS、Symbian等7种操作系统。该平台开发使用JavaScript和HTML5等Web编程语言，简单易用，因此开发成本非常低。 2. WidgetPad 它支持使用HTML5、JavaScript和CSS3编写最新的智能设备应用程序。这个工具的显著特点是，它配备了源代码编辑、协作、调试和版本区分阵列。开发者可利用它为Android、iOS和webOS等很多不同的操作系统开发不同应用。 3. RhoMobile 这是一款深受开发人员欢迎的、可创建智能手机“本机应用程序”的跨平台开发工具。它为开发者提供了一个良好的开发环境，其开源的Rhodes编程框架，可让开发者只用HTML 和Ruby就能开发Android、RIM、Windows Mobile、iPhone和Symbian 等各种平台上的应用。 4. Sencha Touch

介绍几款手机网站开发框架

介绍几款手机网站开发框架随着使用智能手机的人越来越多，手机网站开发项目也成为一种潮流。可是您知道机网站开发框架有几种吗?下面介绍几款手机网站开发框架。 1. LungoJS 这个是被认为开发移动网站最好的HTML5开发框架，使用HTML5/CSS3 和JavaScript 技术。可帮助创建基于iOS、Android、Blackberry 和WebOS 平台的应用程序。该框架可利用当前移动设备的高级特性，可捕捉事件包括滑动、触屏、长按等。无需使用图片，全部采用向量声称。 Lungo.JS 无需服务器端支持，可帮助实现HTML5 特性，包括WebSQL、Geolocation、History、Device orientation 等等。这是一个完全可定制的框架，可用来创建应用、游戏等程序。 2.Kendo UI Kendo UI是一个HTML5平台，开发者利用它可以开发新颖的、交互的移动应用程序和网站。该框架提供了大量的动画和丰富的拖拽功能、模板功能以及提供了将近10款客户端常用的数据绑定小部件，如图表、组合框以及常用表格。 3.Jo 该框架可以创建像本地一样的应用，并且兼容任何操作系统，无论是Blackberry、iOS 还是Android。并且提供许多HTML5小部件。使用它可以解决任何动画设计方面的问题。 4.Sencha Touch Sencha Touch是第一个基于HTML5的移动应用框架，利用JavaScript、HTML5和CSS3来构建移动应用程序，该框架利用本地代理存储离线数据，具体使用HTML5来渲染视频和音频组件。可以让你的Web App看起来就像本地应用程序一样。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的Web标准，全面兼容Android和Apple iOS设备。 5.52 Framework 52 Framework拥有16列的网格模板。该框架来自于CSS3样式里的新“Selection”、阴影、圆角以及有效的HTML5标记。该框架还提供了一些特殊的脚本和样式用于IE6。 6.LimeJS LimeJS 是一个JavaScript 游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器

10个快速开发Android-Iphone web App应用的框架

10个快速开发Android/Iphone web App应用的框架由于iPhone和谷歌Android推出移动应用开发正在迅速增长。有无数的移动Web应用程序在互联网上公布，这些应用程序在发布之前都需要经过大量的工作和很多工程师辛勤的劳动，开发移动应用并不是一件容易的事情，需要额外的努力和决心。为了帮助开发者快速开发移动应用，有一些非常优秀的移动开发框架可以简化移动应用的开发，缩短程序的发布时间。本文为你收集10款移动应用开发框架，jQuery Mobile就不再提了： 1.RestKit: Objective-C Framework For iOS Restkit是一个开源的objective-c框架，允许在iOS和Mac OS X的Objective-C中与RESTful Web服务进行交互，包含简单的HTTP request/response API，带有强大的对象映射系统用于减少代码长度。RestKit可降低JSON/XML的处理的资源消耗，支持通过SBJSON和YAJL进行JSON解析。 2.Magazine Grid:CSS –Framework For Easy Magazine Layouts

Magazine Grid是一个超现代的CSS框架，用于iPad和iPhone手机，使用类似杂志的设计风格。Magazine Grid可让用户使用HTML5元素来组织杂志页，非常轻量级(<4k)，在移动设备上加载非常快，对老的浏览器也支持。 3.Joshfire:Multi-Device Development Framework Joshfire是一个支持多种设备的开发框架，仅采用HTML5和JavaScript等标准，可以帮助开发者迅速开发本地专用的网络应用，用于浏览器、Node.JS、桌面电脑、智能手机、智能电视以及联网设备。 4.ChocolateChip-UI:Web App Development Framework