jQuery和jQueryMobile哪个更好？

Question

如果有人能建议是否在低带宽的移动Web应用程序中使用jQuery将会很棒，还需要知道是否需要同时使用jQuery和jQueryMobile，或者我只能使用jQueryMobile来开发移动Web应用程序。

谢谢。

- Pawan

Answer 1

jQuery Mobile不是一个独立的库。它需要使用jQuery http://jquerymobile.com/download/

使用这些压缩的CDN链接会更好。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>

jQuery Mobile团队不断致力于提高性能，几乎每个版本都有所改进。

如果你更关注速度，那么jQuery Mobile已经将其库分解为模块，因此您只需要使用您想要的交互部分。

很快，jQuery Mobile将发布一个下载生成器。

下载生成器：正在制作中

现在我们已经将大多数UI小部件解耦，为下载生成器铺平了道路。这将让您构建一个自定义版本的jQuery Mobile，仅包括您需要的部分。例如，您可以只使用核心文件添加基于Ajax的导航，并利用一些触摸事件和其他实用程序来创建非常轻量级的构建（大约10k）。或者，您可以添加特定的UI小部件，如表单元素、列表视图等，以创建优化的构建。我们的目标是在1.0正式版发布时推出下载生成器工具。我们正在为所有插件制作依赖映射以支持此工具。

在下载生成器发布之前，您可以随时转到Github并下载解耦的小部件：https://github.com/jquery/jquery-mobile/tree/master/js

- Jitendra Vyas

---

如果使用解耦的小部件，您仍然需要将它们压缩以减少加载时间。此外，性能更多取决于浏览器支持的JavaScript引擎。 - Phill Pafford

Answer 2

jQuery Mobile并不是完整的库，您需要使用jQuery 1.6.4。

jQuery Mobile非常轻量级，您可以使用最小化版本以减小文件大小。您还应该考虑使用CDN来引用库，例如：

<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>

改为：

<script src="jquery.mobile-1.0.1.min.js"></script>

如果您不知道，CDN是内容分发网络的缩写，意味着JQ库托管在其他地方，比如Google或jQuery服务器，并且传递到您的应用程序中。这种方式，如果用户之前已经在浏览其他网站时下载/使用了该库，则不必再次下载该库。这样做的好处是更好的缓存和降低的延迟。

- ShadowStorm

Answer 3

• jQueryMobile 1.0.1 依赖于 jQuery 1.6.4
• jQM 提供了一个压缩版本的文件，以加快库的初始加载速度
• 在使用 3G 连接时，CDN 托管的压缩文件加载良好，在我看来
• 如果您的最终用户使用的是 Edge 连接，则应该预计较慢的加载时间，在我看来
• 有关 jQM CDN、文件大小等的更多信息...

Copy-and-Paste Snippet for CDN-hosted files (recommended):

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>

- Phill Pafford

Answer 4

我最近在一个Web应用中使用了jQuery Mobile。如果您正在构建的应用程序不是非常复杂，那么这个库将非常适合您。需要注意的是，阅读他们的文档，因为他们建议使用稍微不同的移动/触摸事件（例如：vclick而不是click）。

- Eric Witchin

Answer 5

如果您想使用低带宽版本，请使用“Minified and Gzipped: jquery.mobile-1.0.1.min.js”，它只有24kb。

此外，可以考虑使用在线版本：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>

那样，如果用户在浏览其他网站时已经下载了脚本，他们就不需要再次下载。

此外，对于移动设备，您只需要包括这3行代码。不需要完整的jQuery！

祝好运

- joe_coolish