10个顶级Web移动开发JavaScript框架
admin 13年前
<p>这些轻量级框架使用HTML5和CSS3标准来帮助您快速开发跨平台的Web移动应用和网站。</p> <p><strong>为了方便大家以后查找本站做了一个移动开发框架的列表<br /> </strong><a href="http://www.open-open.com/ajax/Mobile_Framework.htm"><strong>http://www.open-open.com/ajax/Mobile_Framework.htm</strong></a><strong>。</strong><img title="10个顶级Web移动开发JavaScript框架" border="0" alt="10个顶级Web移动开发JavaScript框架" src="https://simg.open-open.com/show/3bea390472b479ee8cb142811344b697.jpg" width="550" height="200" /></p> <h3>1. <a href="/misc/goto?guid=4958183601317272178" target="_blank">jQuery Mobile</a></h3> <p><a href="/misc/goto?guid=4958183601317272178"><img alt="jQuery Mobile" src="https://simg.open-open.com/show/03b7851bb2b99389c0abd9a401e2601e.jpg" width="550" height="265" /></a></p> <p>jQuery Mobile这个框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。它是当前最流行的移动开发框架。</p> <p>jQuery Mobile不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。虽然jQuery Mobile相对较新，但开发人员可以用jQuery Mobile为许多移动设备（包括智能手机和平板电脑）开发网站应用程序，RSS阅读器等应用。<br /> <br /> 查看jQuery Mobile实战应用，可以在这里看它的<a href="/misc/goto?guid=4958183596675302197" target="_blank">示例</a>。 <br /> <br /> 假如你不熟悉<a title="Getting Started with jQuery" href="/misc/goto?guid=4958185727788484285">jQuery</a>，可以选择 <a href="/misc/goto?guid=4958185728523467210">MooTools Mobile</a>, 一个由MooTools核心开发人员Christoph Pojer开发的一个MooTools插件。还有一个是<a href="/misc/goto?guid=4958185729256890617">Dojo Mobile</a>, 这个利用了Dojo API来帮助开发人员快速构建一个用于移动平台的应用。</p> <h3>2. <a href="/misc/goto?guid=4958185729996363645">Titanium Mobile</a></h3> <p><a href="/misc/goto?guid=4958185729996363645"><img alt="Titanium Mobile" src="https://simg.open-open.com/show/d3c46f8e7d1a31f2bfa8f1931607ad04.jpg" width="550" height="265" /></a></p> <p>这是一个强大的，健壮的移动Web开发框架。能够让使用现有的HTML, CSS和JavaScript知识来为 iOS和Android平台开发原生移动应用。</p> <p>作为一个越来越大的移动Web框架，它拥有超过300个的APIs和活跃的开发者社区。你从这个社区中得到每一个开发人员的帮助。<br /> Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能够与移动设备的摄像头和本地文件存储系统相交互的特性。</p> <h3>3. <a href="/misc/goto?guid=4958185731397693035" target="_blank">The-M-Project</a></h3> <p><a href="/misc/goto?guid=4958185731397693035"><img alt="The-M-Project" src="https://simg.open-open.com/show/f78c461656f92190325ea1ef307596c6.jpg" width="550" height="265" /></a></p> <p>The-M-Project是另外一个强大的JavaScript框架，它利用HTML5新的特性来更好和更简便地开发移动应用。</p> <p>这个框架遵循著名的MVC软件架构模式。<br /> 它还支持离线，所以你的用户可以在没有连接网络的情况下继续操作（当下次有连线的时候，再将数据同步到服务器中）。提供优秀的文档(这个项目拥有一个引导新用户入门的<a href="/misc/goto?guid=4958185732796188701" target="_blank">开发指南</a>).</p> <p>可以查看The-M-Project提供的<a href="/misc/goto?guid=4958185733528758193" target="_blank">示例</a>来对该项目有一个初目的了解。这些示例包括：<a href="/misc/goto?guid=4958185734268464313">ToDo App</a>（待办事项目应用） 和 <a href="/misc/goto?guid=4958185735005582003">KitchenSink</a> (这个示例包括这个框架提供的所有UI元素)。</p> <h3>4. <a href="/misc/goto?guid=4958185735750350933">Jo</a></h3> <p><a href="/misc/goto?guid=4958185735750350933"><img alt="Jo" src="https://simg.open-open.com/show/09f3f385690101c0735844e3846e51ed.png" width="550" height="265" /></a></p> <p>Jo这个框架可用于开发那支持HTML5的移动设备，如iOS, webOS, Android和Chrome OS等平台。</p> <p>它拥有标准，类原生的UI元素比如用于屏幕登录的Web表单控件，还有弹出小部件可用于在用户点击界面时提供一些额外的信息。</p> <p>可以查看其网站提供的<a href="/misc/goto?guid=4958185737146525436" target="_blank">示例页面</a>，它例子展示了在多种移动设备平上的Jo应用情况。</p> <h3>5. <a href="/misc/goto?guid=4958185737884649954" target="_blank">xui.js</a></h3> <p><a href="/misc/goto?guid=4958185737884649954"><img alt="xui.js" src="https://simg.open-open.com/show/bb42689bc8151f0990830007678333b1.png" width="550" height="265" /></a></p> <p>有时候你可能需要一个超轻量级的框架，只要拥有用于开发标准客户端所需要的功能如：DOM操作，事件处理，<a href="/misc/goto?guid=4958185739285390924">Ajax</a>和一些动画效果。如果是这样的话，这个框架刚好非常适合你。整个框架采用GZIP压缩完之后只有4.2 KB。<br /> <br /> 6. <a href="/misc/goto?guid=4958185740037472410">EmbedJS</a></p> <p><a href="/misc/goto?guid=4958185740037472410"><img alt="EmbedJS" src="https://simg.open-open.com/show/e81958c13c0eec0dc0ef8c0437be0867.jpg" width="550" height="265" /></a></p> <p>EmbedJS是一个用于嵌入式设备的JavaScript框架如：移动电话，TVs、tablets和so forth。</p> <p>EmbedJS强大之处在于，它拥有专门为特定平台和浏览器如iOS, Firefox, Android等提供相应的开发版本。这样就能够以最少的代码，为用户提供最佳的体验。而且假如你喜欢自己定制，可以利用其提供的<a href="/misc/goto?guid=4958185741428888267">EmbedJS Build tool</a>工具实现。</p> <p>EmbedJS基于Dojo实现，所以你如果熟悉Dojo API语法，那EmbedJS将是你最佳的选择。</p> <h3>7. <a href="/misc/goto?guid=4958185742165361000" target="_blank">zepto.js</a></h3> <p><a href="/misc/goto?guid=4958185742165361000"><img alt="zepto.js" src="https://simg.open-open.com/show/4f8b70e9c95cce1fe714f8dabb113675.jpg" width="550" height="265" /></a></p> <p>zepto.js是一个专为mobile WebKit浏览器(如：Safari和Chrome)而开发的一个JavaScript框架。 <br /> 它标榜自己在其简约的开发理念，能够帮助开发人员简单、快速地完成开发交付任务。更重要的是这个JS框架，是超轻量级的，只有5KB。</p> <p>zepto.js的语法借鉴并且兼容<a href="http://www.open-open.com/ajax/jquery.htm" target="_blank">jQuery</a>。</p> <h3>8. <a href="/misc/goto?guid=4958185743584347114" target="_blank">DHTMLX Touch</a></h3> <p><a href="/misc/goto?guid=4958185743584347114"><img alt="DHTMLX Touch" src="https://simg.open-open.com/show/b1eda5fe3c25e28c3bef67a3843a9cab.jpg" width="550" height="265" /></a></p> <p>DHTMLX Touch是一个免费的HTML5/JavaScript框架，专门为触摸屏设备而优化。为您带来快速开发工艺精美的移动Web应用程序的能力。</p> <p><a href="/misc/goto?guid=4958185744989755105">DHTMLX Touch UI Designer</a>是一个可视化的编辑器用于构建移动用户界面。它能够帮您以最少的编码构建一流的用户界面。</p> <p>在其主页上提供一些示例可以展示DHTMLX Touch强大的用户界面。包括一个<a href="/misc/goto?guid=4958185745731892073">menu app for the iPad</a> (适用于开发餐厅应用) 和Book Shop (一个电子书店应用)。</p> <h3>9. <a href="/misc/goto?guid=4958185191267625901">Mobilize.js</a></h3> <p><a href="/misc/goto?guid=4958185191267625901"><img alt="Mobilize.js" src="https://simg.open-open.com/show/a8fed1a9b3d81ddad9087f372c48bccc.png" width="550" height="265" /></a></p> <p><a href="/misc/goto?guid=4958185191267625901" target="_blank"><strong>Mobilize.js</strong></a>是一个开源的<strong>HTML5-JavaScript框架</strong>用于从任何现在有标准网站快速，简便地构建移动网站。</p> <p>这个框架其实就是将需要在移动设备上显示的部分页面以jQuery Mobile的默认主题显示，而不是实现一个全新完整的移动页面。</p> <p><strong>Mobilize.js</strong> 可用于任意网站，但对于基于WordPress和Sphinx的网站不需要使用该框架转换，因为已经有非常多的插件可以使用。</p> <p>对于<a title="WordPress category on Six Revisions" href="/misc/goto?guid=4958185748482159828">WordPress</a>用户可以使用其提供的<a href="/misc/goto?guid=4958185749221870340">Mobilize.js WordPress plugin</a>插件。<br /> 这个本站之前也有介绍过可以看<a href="http://www.open-open.com/news/view/113df9c" target="_blank">这里</a>。<br /> </p> <h3>10. <a href="/misc/goto?guid=4958185749967446656">ChocolateChip Mobile</a></h3> <p><a href="/misc/goto?guid=4958185749967446656"><img alt="ChocolateChip Mobile" src="https://simg.open-open.com/show/0c11c188a3311f40ecd9a8d473986040.jpg" width="550" height="265" /></a></p> <p>ChocolateChip Mobile是一个移动Web应用开发JavaScript框架。它的语法类似于jQuery和Prototype。</p> <p>与jQuery相似并不仅停留在语法上。比如可以像jQuery一样通过绑定和定义事件处理。并拥有像<code>.css</code>和<code>.toggleClass</code>这样的方法。</p> <p>你可以从<a href="/misc/goto?guid=4958185751388649732">source code off GitHub</a>获得ChocolateChip Mobile的源码。 </p> <br /> 原文： <a href="/misc/goto?guid=4958185752129804297">http://sixrevisions.com/javascript/mobile%C2%A0web-development-frameworks/</a> <br />