jQuery和jQueryMobile还是其中之一?

时间:2012-02-04 02:58:45

标签: jquery jquery-mobile

如果一些人可以建议天气或不使用jQuery用于移动Web应用程序以获得低带宽,那将是非常好的,还需要知道是否需要jQuery和jQueryMobile,或者我可以将jQueryMobile用于移动Web应用程序。

由于

5 个答案:

答案 0 :(得分:6)

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团队几乎每个版本都在不断提高性能

enter image description here

如果你更关心速度。然后jQuery Mobile在模块中解耦了它的库,因此你只能使用你想要的交互。

很快jQuery Mobile即将发布这个

的下载构建器
  

下载构建器:正在开发中

     

现在我们已经将大多数UI小部件分离了,我们已经设置好了舞台   有一个下载生成器。这将让您构建自定义   jQuery Mobile的版本只包含你需要的部分。对于   例如,您可以使用核心文件添加基于Ajax的   使用pushState导航并利用一些触摸事件和   其他实用程序具有非常轻量级的构建(大约10k)。或者您   可以添加特定的UI小部件,如表单元素,列表视图等。   创建优化的构建。我们的目标是拥有一个下载构建器   工具启动是某种形式的1.0决赛的一部分。我们正在努力   现在,所有插件都支持此工具的依赖关系图。

在下载构建器发布之前,您可以随时访问Github并下载分离的小部件:https://github.com/jquery/jquery-mobile/tree/master/js

答案 1 :(得分: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代表Content Delivery Network,这意味着JQ库托管在其他地方,例如Google或jQuery服务器,并提供给您的应用程序。这样,如果用户之前已经下载/使用过该库,则在浏览其他网站时,他们不必再次下载该库。这样做的好处是更好的缓存和减少延迟。

答案 2 :(得分:1)

我最近将jQuery mobile用于网络应用程序。如果您正在构建的应用程序不是非常复杂,那么这个库对您来说非常有用。作为笔记阅读他们的文档,因为他们建议使用稍微不同的事件来进行移动/触摸事件(例如:vclick而不是点击)。

答案 3 :(得分:1)

  • jQueryMobile 1.0.1依赖于jQuery 1.6.4
  • jQM提供文件的缩小版本,以便更快地初始加载库
  • 使用CDN托管缩小文件IMHO
  • 加载3G连接
  • 如果您的最终用途是在Edge连接上,那么他们应该期望加载时间IHMO
  • More information on jQM CDN, File sizes, etc...
  

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>

答案 4 :(得分:0)

如果你想要低带宽版本,请使用“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!

祝你好运