澳门新葡8455最新网站:技艺来开辟活动应用程序,个国内外前端开辟框架举办开端的横向比较

澳门新葡8455最新网站 14

澳门新葡8455最新网站 1

  使用 HTML5,CSS3 和 JavaScript
开发移动应用经过实践证明是一种可行的方式。这里收录了几款 iOS
风格的手机应用程序开发框架,帮助您使用擅长的 Web
技术来开发移动应用程序。这些工具大多都基于 HTML &
CSS,而另一些则可能需要使用 JavaScript 库。 

本文选取了 Bootstrap、jQuery UI、jQuery Mobile、Sencha ExtJS、Sencha
Touch、Sencha GXT、Dojo、Dojo
Mobile、Mootools、Foundation、YUI、Kissy、QWrap 等 16
个国内外前端开发框架进行初步的横向比较,可以作为大家挑选前端开发框架的初步参考。

Sencha Touch 1.1
发布了。新增对BlackBerry的支持,新的列表功能,新的Demo以及其它改进。现有PLv3协议下的开源版本供免费下载。Sencha的前身是Ext,而现在的Sencha
Touch更是将几个著名的项目一起整合起来, 即Sencha Touch = Ext JS +
jQTouch +
Raphael。Ext是老牌的JS框架,源自YUI,但跟YUI有着截然不容的发展方向,jQTouch是基于jQuery的UI组件库,Raphael则是非常成功的一个数据可视化的工具库。简单的说,Sencha
Touchi是将Ext强大的逻辑处理能力进行精简,然后提供了一套可用性和完成度都非常高的UI组件。这个和Sproutcore的方向极为相似。WebApp向CloudApp进化的过程必定是网页开发到应用程序开发的变化过程。在这个过程中,Sproutcore的思想过于超前,而Sencha
Touch则是一个承上启下的框架,大多数前端工程师是可以进行无痛过渡的。主要新亮点如下:·支持BlackBerry
6+ ·拖动刷新和分页·性能调整和样式更新详情请见:下载地址:

  Chocolate Chip UI

  ChocolateChip-UI 是一个移动 Web 开发框架,使用 HTML5,CSS 和
JavaScript。功能强大,使用简单!支持 iOS7 风格的外观和体验。 

澳门新葡8455最新网站 2

  立即下载   
  官方主页

近几年随着 jQuery、Ext 以及 CSS3 的发展,以 Bootstrap
为代表的前端开发框架如雨后春笋般挤入视野,可谓应接不暇。不论是桌面浏览器端还是移动端都涌现出很多优秀的框架,极大丰富了开发素材,也方便了大家的开发。这些框架各有特点,本文对这些框架进行初步的介绍与比较,希望能够为大家选择框架提供一点帮助,也为后续详细研究这些框架的抛砖引玉。

  Ionic Framework

  一个精妙,开源的前端框架,你可以用你喜欢的 Web 技术构建
Hybrid(混合)模式的移动应用程序。

澳门新葡8455最新网站 3

立即下载   
  官方主页   

JavaScript & CSS

目前前端框架主要采用 JavaScript+CSS 模式,我们先来了解一下这两者。

  iWebKit

  iWebKit 是一个专门为开发 Apple
移动设备应用而设计的开发框架,用于帮助你创建自己的 iPhone、iPod Touch 和
iPad 网站和 Web 应用。

澳门新葡8455最新网站 4

立即下载 
    官方主页

预准备之 JavaScript

目前主流的 JavaScript 框架排名中,jQuery 和 Ext
可算是佼佼者,获得了用户的广泛好评。国内的一些框架很多也是仿照 jQuery 对
JavaScript 进行了包装,不过这些框架的鼻祖 YUI 还是坚持用自己的
JavaScript 类库。

澳门新葡8455最新网站,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
等众多类库,由于本文讨论的框架多采用上述框架,所以其他框架暂不讨论。

  Sencha Touch

  Sencha touch
是移动 Web 开发人员的首选框架之一。凭借其功能齐全的部件库(基于 Ext JS
的 JavaScript 库实现),它的目标是 WebKit 核心的浏览器。这个 HTML5
框架用于开发跨平台的移动应用,例如 iOS,黑莓 OS,Android 和 Kindle
等多个移动操作系统。

澳门新葡8455最新网站 5

立即下载   
  官方主页

预准备之 CSS

随着 CSS3
的推出,浏览器对样式的支持更加上了一个层次,效果更加出众。各框架也纷纷开发出基于
CSS3 的样式,让框架更加丰富。

对于 CSS3,更是推出了一些预编译的扩展框架,主要是 LESS、Sass 和
Compass(Compass 是基于 Sass
的扩展)。可以方便地进行变量定义,格式引用,函数定义等操作,并内置了大量的效果。让您的
CSS 开发效率提升一个档次。根据 Chris Coyier 的比较,Sass+Compass
几乎完胜
LESS。有兴趣的读者可以自行参考
Sass 是用 Ruby 开发的,所以也需要相应的 Ruby 环境将文件编译成 CSS 文件。

 

 

  jQTouch

  jQTouch
是一款 jQuery 的插件,用于手机上实现动画、列表导航、默认应用样式等各种常见UI效果。支持
iPhone、Android 等手机。

澳门新葡8455最新网站 6

立即下载 
    官方主页

国内外前端开发框架对比

首先我们先对目前国内外主流前端开发框架做一个基本的了解,之后再对他们进行一个直观的对比。

  WebApp.Net

  WebApp.Net 提供了很多的
API,因此可以帮助你节省很多工作了。不需要花时间去进行 Ajax
调用的编码,因为已经内置了,另外还有很多其它内置功能,提供了详细的文档和应用演示。

澳门新葡8455最新网站 7

立即下载   
  官方主页

Bootstrap

Bootstrap(
Twitter 推出,势不可挡。Bootstrap 主要针对桌面端市场,Bootstrap3
提出移动优先,不过目前桌面端依然还是 Bootstrap 的主要目标市场。Bootstrap
主要基于 jQuery 进行 JavaScript 处理,支持 LESS 来做 CSS
的扩展。如果想要在 Bootstrap 框架中使用 Sass,则需要通过
Bootstrap-Sass(
框架在布局、版式、控件、特效方面都非常让人满意,都预置了丰富的效果,极大方便了用户开发。在风格设置方面,还需要用户在下载时手动设置,可配置粒度非常细,相应也比较繁琐,不太直观,需要对
Bootstrap 非常熟悉配置起来才能得心应手。

在浏览器兼容性方面,目前 Firefox, Chrome, Opera, Safari,
IE8+等主流浏览器 Bootstrap 都提供支持。但是在 IE 支持方面略显短板,对
IE6 和 IE7 支持都不是特别理想。在 Bootstrap3 中甚至放弃了对 IE6、IE7
的支持。不过在国内,根据 CNZZ 的统计,目前 IE 的占有率仍然达到
46.98%,同时大量国内浏览器也是采用 IE 内核。这让我们在使用 Bootstrap
的时候总是有所顾忌。在 Bootstrap2 上面,可以通过 BSIE 项目增加对 IE6
的支持,但是也不能支持全部效果。

在框架扩展方面,随着 Bootstrap
的广泛使用,扩展插件和组件也非常丰富,涉及显示组件、兼容性、图表库等各个方面。

  UiUIKit(Universal iPhone UI Kit)

  如果你正在寻找一个开发 iPhone Web 应用程序的 HTML & CSS
框架,这个项目值得一试。

澳门新葡8455最新网站 8

立即下载   
  官方主页  

图 1. Bootstrap 的布局与效果示例

澳门新葡8455最新网站 9

 

  The M Project

  The-M-Project 是基于 jQuery 开发 HTML5 应用程序的移动 Web
应用开发框架,包含各种 UI 组件,支持 iOS、Android、Palm webOS 和
BlackBerry 等平台。

澳门新葡8455最新网站 10

立即下载 
    官方主页

jQuery UI

jQuery UI( jQuery
项目组中对桌面端的扩展,包括了丰富的控件和特效,与 jQuery
无缝兼容。同时,jQuery UI
中预置了多种风格供用户选择,避免了千篇一律。如果您对预置的风格不满意,还可以通过
jQuery UI 的可视化界面,自助对 jQuery UI
的显示效果进行配置,非常方便,够高端大气上档次。

图 2. jQuery UI 的效果示例

澳门新葡8455最新网站 11

 

jQuery Mobile

jQuery Mobile ( jQuery
项目对移动端的扩展,目前支持 iOS, Android, Windows Phone, Black Berry
等主流平台。具体支持情况可以参见
jQuery Mobile 在布局,控件和特效方面都很慷慨。在风格方面,与 jQuery UI
类似,除了预置的风格效果之外,还支持用户可视化配置的效果。

可圈可点的是,jQuery Mobile 还与 Codiqa
无缝连接,用户可以直接通过拖拽实现对界面的设计,以及代码的生成。

图 3. jQuery Mobile 的效果示例

澳门新葡8455最新网站 12

 

澳门新葡8455最新网站 13

 

Sencha Ext JS

Sencha Ext JS( Sencha 基于 Ext
JS
开发的前端框架,内容极其丰富,控件、特效等支持非常非常丰富,表格、图画、报告、布局、甚至数据连接,无所不包。只有您想不到,没有它办不到。基于
Sass 和 Compass,使得用户对格式的修改和特效制作更加方便。此外,Sencha
有丰富的产品线,Sencha Desktop Packager
可以让您的应用拥有桌面应用的效果, Sencha Animator 基于 CSS3
更加方便用户对特效的制作,不光支持桌面端,移动端更是不在话下。在 Sencha
看来,用 Animator 做游戏都是轻松拿下。Sencha Space 是基于
HTML5,提供制作跨平台应用的利器。同时 Sencha Ext JS
对主流浏览器的支持也非常理想。

Sencha Ext JS 有着耀眼的光辉,但是光芒背后总归有点阴影。除了之前提到的
Ext JS 太过重量级之外,商业化是 Sencha 的另一把利剑。帮助 Sencha
披荆斩棘之时,也把大把的码农砍在马下。Sencha
规定,凡是商业化的应用,都需要付费。另外,Sencha
的辅助产品也全部收费,否则只能是试用版。这里的辅助产品,其实包括了上面提到的所有产品。

图 4. Sencha Ext JS 的效果示例

澳门新葡8455最新网站 14

 

相关文章

You can leave a response, or trackback from your own site.

Leave a Reply

网站地图xml地图