您所在的位置： &
三大移动Web开发框架哪个适合你？(1)
三大移动Web开发框架哪个适合你？(1)
本文由世界知名的PHP开发人员W.Jason Gilmore，在developer上撰写的一篇比较目前主流移动Web开发框架的文章。文章探讨了jQuery Mobile、jQTouch和Sencha Touch究竟哪个更适合开发者。
【51CTO独家译文】经常浏览的读者也许注意到了这点：我最近特别关注JavaScript驱动的移动应用开发解决方案，先后撰文介绍了众多的相关话题，包括jQuery
Mobile、jQTouch、Sencha
Touch和PhoneGap。我得承认，要搞清楚这一批前沿技术并非易事，于是我这回概述一下这些主要的移动开发解决方案的主要特性和优点(51CTO注：PhoneGap未作介绍，欲了解更多PhoneGap内容请移步51CTO专题：)。但愿这篇概述多少可以帮你确定哪一种解决方案最适合你项目的具体要求。
jQuery Mobile适合你吗?
498)this.width=498;' onmousewheel = 'javascript:return big(this)' width="300" src="/files/uploadimg/3370.jpg" style="FLOAT: right" alt="" />差不多二十年来，处理跨浏览器的HTML和CSS不一致问题一直让许多开发人员颇为苦恼。而Ajax的出现更是加剧了这些问题，因为开发人员现在要处理新的问题：无数与JavaScript有关的浏览器不兼容问题和异常现象。后来出现了jQuery：由于可以对基本的JavaScript任务进行强大的抽象处理，jQuery大大减轻了编写复杂的跨浏览器代码方面的压力。难怪jQuery一下子火了起来。
眼下移动应用开发人员面临可能更艰巨的挑战，这不仅是由于要处理各种各样的移动浏览器不兼容问题，还由于需要设计合理布局，以便适合移动设备所固有的各种外观尺寸和有限资源。这时候，jQuery
Mobile应运而生，它自诩是&一种针对触摸而优化的Web框架，面向智能手机和平板电脑&，可以充分发挥jQuery和jQuery
UI(51CTO注：查看jQuery UI实例)的优势。
虽然jQuery
Mobile目前仍是测试版(第二个测试版在去年8月3日宣布发布)，但已经支持数量多得惊人的移动平台，包括安卓、黑莓、iOS和Windows
Mobile等其他平台。同样出色的是，它还支持众多的窗口组件：由于jQuery Mobile对渐进增强(progressive
enhancement)很重视，开发人员可以利用这些窗口组件，轻松创建统一的、跨移动设备的界面。务必将演示程序(51CTO注：查看演示程序地址)装入到众多不同的设备上(包括你的桌面浏览器)，领略一下界面是如何变化以适合目标设备的。
此外，务必从桌面浏览器里面来查看演示程序的源代码;连刚入门的jQuery用户也会注意到该程序的代码很注重全面隔离页面布局和JavaScript驱动的功能。你会看到，整个应用程序都在一个文档里面，每个&页面&及其组成部分使用与自定义属性有关的DIV来定义。比如说：
&id=&home&&target=&_blank&&&&&WJGilmore,&LLC&&&&&&&&&&Check&back&regularly&for&the&latest&information&about&Jason's&books!&&&&&&&&&&&&&&Copyright&&&2011&W.J.&Gilmore,&LLC&&&/div&
jQuery Mobile的主要特性
虽然使用jQuery Mobile的理由有多个，但是下面三个理由显得尤为突出：
jQuery开发人员使用jQuery Mobile时会觉得驾轻就熟，那是由于两者使用共享的代码库。
如果目标用户群并不局限于使用某一种设备，关注跨平台兼容性这个优点很理想。
社区和企业的广泛参与促使像Dreamweaver CS 5.5这些广受欢迎的开发产品和像非常出色的Photo
Swipe这一批值得关注的插件内置了对jQuery Mobile的支持。
51CTO专题推荐：
内容导航&第 1 页： &第 2 页： &第 3 页： &第 4 页：
关于&&&&的更多文章
Sencha Touch是第一个基于Html 5专门为移动设备开发应用的JavaSc
随着云计算、物联网、大数据、移动互联网的大发展，你应该知道这些。
开发者在代码开发和维护中，往往会遇到很多代码优化和
现在的天气越来越冷了，感觉跟冬天似的，小编现在在发
在经过数月以及6个测试版本的体验后，iOS 7正式版终于
本书面向企业网络应用需求，详细介绍了Windows网络互联解决方案、中小企业共享上网解决方案、基于ISA Server 2006的代理服务器与
Windows Phone专家
Android开发专家
51CTO旗下网站21款用于移动web开发的css框架--百度百家
21款用于移动web开发的css框架
分享到微信朋友圈
随着iphone，ipad等移动端设备的使用人数增多，开发一个webapp网站成为了必要，本文收集了21款针对开发者的移动开发框架，基于它们可以快速开发一个webapp网页或者hybridapp混合app，或者一些其他好玩的运用。
Fries是一款稳定的HTML-CSS-JS框架，用于在实际项目和原型设计中创造类似于Android的原生UI界面。该框架包含所有的重要组件，比如Form、工具栏、列表、按钮、下拉列表及标签。它还专门针对PhoneGap进行了优化，能容易地转换为本地应用。
Appium是一款开源自动化测试工具。可对任何语言的iOS应用和Android应用进行测试，测试可使用Java、Objective-C、
JavaScript、PHP、Python、Ruby、C#、Clojure、Perl等众多语言编写。目前只针对Mac&OS&X&，且需要有
Node.js来支撑。
Junior为前端框架，用来构建基于HTML5的移动Web应用，外观与行为跟本地应用相似。它采用针对移动性能优化的CSS3转换，支持旋转灯箱效
果，包含多样的Ratchet&UI组件。整个框架使用Zepto（类似jQuery语法的轻量级移动设备js类库），且整合了backbone.js的
视图和路由。Junior十分易于使用，且提供详细的文档及案例，便于学习。
Enyo，为JavaScript开发框架，最初发布于HP&TouchPad的webOS之上。现在发布了2.0版本，成为跨平台框架，不再只针对
webOS（1.0版本只针webOS）。新版本的Enyo支持桌面与移动，可工作于所有主流浏览器，拥有丰富的跨平台UI组件，以及构建应用所需的强大
的布局库。
Sidetap是一款简洁轻量级的移动Web应用开发框架（缩减压缩后只有2KB）。它专注于提供类似于Facebook移动应用这样的侧导航形式。导航部分解决后，利用它创建简单的移动Web应用就变得相当简单了。
Mobello是一个开源JavaScript&UI框架，目的是简化移动Web应用的开发过程。利用该框架，可在移动端提供与本地应用相似的体验。它针
对触控事件进行了优化，并提供20多种广泛应用的UI组件。它还提供了集成开发环境Mobello&Studio，在其中可利用HTML5、CSS和
Mobello框架开发移动应用。
Moobile是基于MooTools的移动Web应用框架，是一个新项目。它专注于提供类iOS的体验，并对按钮、图片、列表等提供较好的控制。它还支
持各种过渡样式，比如淡入淡出、幻灯片等，并可显示类本地应用的提示框（alert）。Moobile所创建的界面更具有弹性，可很好地工作于
iPhone和iPad上。
8.SpineMobile
Spine&Mobile是一个构建在SpineJS之上的JavaScript框架，用于构建看起来外观像本地应用的移动Web应用。该框架带有专用控制器、面板布局、硬件加速的转换和触摸事件。
它是一个采用HTML5-CSS3技术实现的框架，用于构建移动应用。它基于Zepto.js构建，轻量，压缩后只有6kb。Zoey拥有的大量UI控
件，比如：导航、列表、按纽、控件分组、表单、表格。这个框架支持iOS和Android，并自带一个覆盖所有功能的程序骨架。
iUI为移动Web框架。该框架包含JavaScript库、CSS和图片集，用于开发可触摸Web应用。它所创建的应用有着iPhone&SDK构建的本机应用程序那样的外观和感觉，可运行于大部分智能手机和平板电脑上，只要它包含一个符合标准的Web浏览器。
11.Lungo.js
Lungo.jS是一个使用HTML5、CSS3和&JavaScript技术的移动Web开发框架。所创建应用可运行于所有流行平台之上（iOS、
Android、Blackberry和WebOS）。它支持触控事件，如单击、双击和滑动。无需使用图片，全部采用向量声称。
12.WinkToolkit
Wink&Toolkit为JavaScript框架，用来创建移动Web应用。该框架的核心提供了开发移动应用应具备的所有基础功能，从触摸事件处理到DOM操作和CSS转换等。此外，它还提供非常多的UI控件来帮助改进Web应用的外观。&
13.TheMProject
The M Project是一款HTML5&JS框架，可构建跨平台的移动Web应用（如OS、Android、Palm&webOS、BlackBerry平台）。其JavaScript部分采用
& &jQuery，并包含所有jQuery&UI核心文件，如离线支持、国际化等。The-M-Project并不是独立的，它需要引入nodeJS和一个称为Espresso!的构建工具，该工具可使你更容易地结构化代码、构建并运行在内嵌服务器上。
14.DHTMLXTouch
DHTMLX&Touch为JavaScript库，基于HTML5，用于创建移动Web应用。它不只是一组UI小工具，而是一个完整的框架，可以针对移
动和触摸设备创建跨平台的Web应用。它兼容主流的Web浏览器，用它创建的应用，可在iPad、iPhone、Android智能手机等上面流畅运行。
15.Zepto.js
Zepto.js是支持移动WebKit浏览器的JavaScript框架，具有与jQuery兼容的语法。轻量级，大小为2-5k的库，通过不错的API处理绝大多数的基本工作。
16.jQueryMobile
jQuery&Mobile是jQuery发布的针对手机和平板设备、经过触控优化的Web框架。它基于jQuery，在不同移动设备平台上可提供统一的用户界面。该框架基于渐近增强技术，并利用HTML5和CSS3特性。
Jo为基于HTML5的开源移动应用框架。该框架提供丰富的平台支持，包括webOS、iOS、Android、Symbian、Safari、
Chrome甚至是&Mac&OS(R)X&Dashboard小部件。Jo也兼容PhoneGap。Jo&的简单性和轻量级与&PhoneGap的强大功能
相结合，最终将生成一个有效的工具，可以针对广泛的平台开发丰富的移动本地应用程序。
18.SenchaTouch
它是一款HTML5移动应用框架。通过它可以创建Web应用，在外观和感觉上与Apple&iOS&和Google&Android本地应用十分相像。它利用HTML5发布音频/视频，进行本地存储；利用CSS3提供圆角、背景渐变、阴影等广泛使用的样式。
/products/touch/
19.MiqieCss
密切（Mobile-Internet.css）源自“Mobile Internet CSS”, 是由切图公司针对webapp移动前端自主开发的一款html5/css3框架，是国内移动前端框架发起者和领导者，它的目的是减少你的css开发时间,它提供一个包含
有例如列表，滑动幻灯片，选项卡，弹窗等常用组件去布局你的项目，通过重设和重建浏览器标准，可以让每个网
站防止枯燥的跨浏览器，跨移动平台的兼容性测试，基于它可以快速构建一个类似Native
App等webapp应用，支持跨平台移动浏览器兼容。兼容iphone,ipad等移动设备。
WebApp.Net是一款基于Ajax技术的JavaScript框架，用于构建移动Web应用。它提供了一整套组件（开关按钮、单选按钮组等），可帮助开发者创建外观和行为与本地移动应用十分相似的网站。
Helios为开源框架，为iOS应用提供必要的后台服务，从数据同步、推送通知，到应用内购买、passbook继承。它可帮助开发人员在数分钟的时间内构建出一个包含客户端和服务器端的应用。
21.WebApp.Net
WebApp.Net是一款基于Ajax技术的JavaScript框架，用于构建移动Web应用。它提供了一整套组件（开关按钮、单选按钮组等），可帮助开发者创建外观和行为与本地移动应用十分相似的网站。
切图网常年致力于h5、响应式等web前端开发技术研究，如果你跟我们一样关注web前端开发技术，关注用户体验，关注h5、响应式技术，请加我们公众微信号一起交流：qietuwang
分享到微信朋友圈
在手机阅读、分享本文
还可以输入250个字
推荐文章RECOMMEND
热门文章HOT NEWS
我成网红？我不会成网红的，我是企业家。
黄生看金融
百度新闻客户端
百度新闻客户端
百度新闻客户端
扫描二维码下载
订阅 "百家" 频道
观看更多百家精彩新闻帮助企业打造成功软件！
热门搜索：
直接拿来用！5大顶级移动UI开发框架
直接拿来用！5大顶级移动UI开发框架
| 作者： |
10:12:27| 阅读 0次
概述：本文盘点了5大顶尖的移动UI开发框架，希望能减少你的迷惑，节约你的时间。
对于跨平台移动开发项目来说，选择UI框架是必不可少的步骤。值得庆幸的是，市面上有很多UI框架可供选择，有专注于UI组件的，有提供轻量级应用框架功能的，还有提供综合性功能的UI框架。不过多样的选择也会让人迷惑，所以常常只能随大流，但却有可能不符合自己的项目需求，浪费了时间。这里小编专门为你整理了5款顶尖的移动UI开发框架，希望能减少你的迷惑，节约你的时间。
jQuery Mobile是一款免费开源的移动开发框架，集成了大量第三方插件、扩展工具和主题。它不仅为主流移动平台带来jQuery核心库，而且发布了一个完整的jQuery移动UI框架。
于2011年推出的Kendo UI Mobile是一个功能强大且性能可靠的跨平台移动应用开发工具。它既提供精美的UI组件，又提供应用程序框架的功能。
对于很多Web和移动开发者来说，Sencha的名字不会陌生。Sencha的移动开发主要专注于HTML5平台，可以创建出接近于原生的移动应用。用户界面组件和数据管理全部基于HTML5和CSS3的Web标准，全面兼容Android和Apple iOS。
ChocolateChip-UI是一个手机移动 Web 开发框架，使用 HTML5, WAML, CSS 和 JavaScript，基于 ChocolateChip JavaScript 库，包含新的 ChUI.JS 和 ChUI.css。
用于创建跨平台跨设备应用的HTML5 & jQuery开发框架，支持常用浏览器、平台和设备的响应式网页设计，尤其擅长于移动化商业智能。
扩展阅读：
慧都控件｜提供软件技术整体解决方案
云集全球三千余款优秀控件、软件产品，提供行业领先的咨询、培训与开发服务
企业QQ：｜电话：023-
服务与支持
重庆 / 023-
北京 / 010-
400-700-1020
慧都旗下网站
慧都科技有限公司 版权所有 Copyright
100%正版软件
400-700-1020
<input type="hidden" id="url" value=""/>淘宝SUI Mobile框架
官网地址：http://m.sui.taobao.org/
SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到
4.0+，非常适合开发跨平台Web App。
轻量的UI库
SUI Mobile 非常轻量，核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K，却提供了20+个常用的组件。
对于只有HTML&CSS的组件，你只需要复制HTML代码既可以使用。他的大部分JS组件都是独立的 Zepto 插件，并且提供了 Zepto/jQuery 风格的API，你将会非常熟悉这种方式。
移动端web框架&Frozen UI
官网地址：http://frozenui.github.io/
Frozen UI是一个开源的简单易用，轻量快捷的移动端UI框架。基于手Q样式规范，选取最常用的组件，做成手Q公用离线包减少请求，升级方式友好，文档完善，目前全面应用在腾讯手Q增值业务中。
非手Q用户不能使用离线包而直接请求核心css也仅28k，另外也可以采用cdn和combo的方式按需加载。
CSS组件包括按钮，列表，表单，通知，提示条，弹出框，选项卡，等级图标，角标，红点，1px解决方案等。
CSS使用模块化的样式命名和组织规范，使用sass编写css代码。
FrozenJS 是针对移动端开发的 js 组件库，其依赖 zepto.js 和 FrozenUI，支持seajs模块化和非模块化两种方式。
FrozenJS 包括： basic：FrozenJS 的一些基础功能，包括模板引擎、tap 支持等。 ui：主要是一些触屏常用的 UI 组件，包括 dialog 等。 effect：非常用的特效库，特殊场景使用到是可以单独调用。
兼容android 2.3 +，ios 4.0 + 。
移动WebApp开发框架 Clouda
官网地址：/
Clouda是基于node.js的Webapp开发框架，在使用Clouda时需要安装node.js和MongoDB。
Clouda 是百度推出的一款面向资深开发者的WebApp开发框架。在Clouda中开发app，可以在多终端下实现数据同步、任务迁移。并且Clouda支持面向数据的编辑模式，根据数据的变化自动实现界 面实时更新，开发者不需描述跃迁过程。它的核心在于云、端使用统一的script语言，可以同时运行在浏览器、、以及百度框中。另外，clouda app可以同时开发服务端和客户端，客户端的数据与云端实时同步，其内部数据也可供搜索引擎检索，解决app孤岛以及99.9%长尾应用只有30%分发量 的搜索分发问题。
HTML 移动端框架 Framework7
官网地址：http://framework7.io/
Framework7 或者叫 F7 是全功能的绑定
7 应用的 HTML 框架。Framework7 是免费开源的 HTML 移动端框架，用来开发混合移动端应用或者
7 的 Web 应用，并且带有
7 的原生外观和感觉。Framework7 也是独立的原型应用工具。
Framework7 使用 script，CSS 和 HTML 来创建
7 应用，支持多个平台的迁移（PhoneGap），但是不是支持所有平台，主要还是针对
Amaze UI框架
官网地址：http://amazeui.org/
Amaze UI 开发思路
通过拆分、封装一些常用的网页组件，以规范化采用云适配平台开发的移动网站，统一用户体验逐渐形成的。
Amaze UI开发遵循语义化原则，意图通过类名（class）等信息直观传达元素的功能角色，同时关注结构、样式、行为分离，降低各部分的耦合程度，提高开发效率和可维护性。
2、移动优先，跨屏适配
遵循 “移动优先（Mobile First）”、“渐进增强（Progressive enhancement）”的理念，可先从移动设备开始开发网站，逐步在扩展的更大屏幕的设备上，专注于最重要的内容和交互，适应移动互联潮流。轻松创建跨屏适配的网页。
3、模块化，按需定制
AMUI使用LESS编写样式，结构良好，易扩展，易维护；使用Seajs模块化开发、组织 Script，自然、优雅。
4、专注于HTML5
AMUI 基于轻量的Zepto.js开发，有效减少为兼容旧浏览器的臃肿代码；基于 CSS3 的交互效果，平滑、高效。AMUI专注于现代浏览器（支持HTML5），不再为过时的浏览器耗费资源，为更有价值的用户提高更好的体验。
5、本地化支持
相比国外的前端框架，Amaze UI专注解决中文排版优化问题，根据操作系统调整字体，实现最佳中文排版效果；针对国内主流浏览器及App内置浏览器提供更好的兼容性支持，为你节省大量兼容性调试时间。
Amaze UI 的开发历程
云适配创始人陈本峰：这个项目最开始是作为内部使用工具来开发的。我们云适配本身就是一个前端产品，Amaze UI能帮我们降低开发时间和成本，用标准化作业流程，能有更高的产出。
从云适配创立之初，我们就开始积累自己的前端框架，同时也借鉴了Bootstrap等国外框架的优点。在内部使用过程中，大家一致反映不错，我们就希望把这个产品开源，希望分享给更多的人，也希望更多的人来贡献代码，来共建中国前端开源生态环境。在最近几个月，我们投入人力将这个项目整理成一个开源产品。目前有2个软件工程师全职在开发这个产品，还有一个设计，一个PM也在尽力配合。产品发布之后，我们会投入更多全职的工程师来专心打磨这个产品，同时也呼吁更多的前端开发爱好者共同来完善这个框架。
Amaze UI的目标
帮助开发者提高开发效率，提升网页效果，即用最短的时间做出最赞的网页，使更多的前端开发者不再受前端复杂代码困扰。
Jingle移动端框架
官网地址：/Jingle/
Jingle是一个SPA(Single Page Application)开发框架，用来开发移动端的html5应用，在体验上尽量去靠近native应用，希望有一天html5能够做到与native一样的操作体验。
腾讯移动Web前端框架
官网地址：/AlloyTeamDev/Pro}