从Google的CDN下载jQuery UI CSS
我打算使用Google来下载用于UI和Core的jQuery库。 我的问题是，他们允许我下载CSS，还是应该自己托pipe？
另外，如果我使用谷歌加载，我应该如何加载其他插件？ 我可以压缩所有插件在一起，还是应该是它自己的单独的文件？
包含jQuery UI（目前为v1.10.3）的Google AJAX Libraries API还包含jQuery UI博客中stream行的主题：
Google Ajax Libraries API（CDN）
-
未压缩： http : //ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js
-
压缩： http : //ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js
-
主题未压缩： 黑领带 ， blitzer ， cupertino ， 黑蜂巢 ， dot-luv ， 茄子 ， 兴奋自行车 ， 轻弹 ， 热偷偷地走 ， 人类 ， le-frog ， 薄荷巧克力 ， 阴 ， 胡椒研磨机 ， redmond ， 光滑 ， 南街 ， 开始 ， 阳光明媚 ， 时髦钱包 ， trontastic ， ui-darkness ， ui-lightness ，和vader 。
-
压缩的主题： 黑领带 ， blitzer ， cupertino ， 黑蜂巢 ， dot-luv ， 茄子 ， 兴奋自行车 ， 轻弹 ， 热潜行 ， 人性 ， le-frog ， 薄荷巧克力 ， 阴 ， 胡椒研磨机 ， redmond ， 光滑 ， 南街 ， 开始 ， 阳光明媚 ， 时髦钱包 ， trontastic ， ui-darkness ， ui-lightness ，和vader 。
jQuery现在有一个CDN访问：
code.jquery.com/ui/ [版本] /主题/ [主题名称] /jquery-ui.css
为了使这个更容易一点，你去：
- 基地： http : //code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css
- 黑领带： http : //code.jquery.com/ui/1.9.1/themes/black-tie/jquery-ui.css
- blitzer： http ://code.jquery.com/ui/1.9.1/themes/blitzer/jquery-ui.css
- cupertino： http ://code.jquery.com/ui/1.9.1/themes/cupertino/jquery-ui.css
- 黑暗的蜂房： http : //code.jquery.com/ui/1.9.1/themes/dark-hive/jquery-ui.css
- dot-luv： http : //code.jquery.com/ui/1.9.1/themes/dot-luv/jquery-ui.css
- 茄子： http : //code.jquery.com/ui/1.9.1/themes/eggplant/jquery-ui.css
- 兴奋自行车： http : //code.jquery.com/ui/1.9.1/themes/excite-bike/jquery-ui.css
- 轻弹： http : //code.jquery.com/ui/1.9.1/themes/flick/jquery-ui.css
- 热偷袭： http : //code.jquery.com/ui/1.9.1/themes/hot-sneaks/jquery-ui.css
- 人性化： http ： //code.jquery.com/ui/1.9.1/themes/humanity/jquery-ui.css
- le-frog： http : //code.jquery.com/ui/1.9.1/themes/le-frog/jquery-ui.css
- mint-choc： http : //code.jquery.com/ui/1.9.1/themes/mint-choc/jquery-ui.css
- 阴： http ： //code.jquery.com/ui/1.9.1/themes/overcast/jquery-ui.css
- 胡椒研磨机： http : //code.jquery.com/ui/1.9.1/themes/pepper-grinder/jquery-ui.css
- redmond： http : //code.jquery.com/ui/1.9.1/themes/redmond/jquery-ui.css
- 平滑： http : //code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css
- south-street： http : //code.jquery.com/ui/1.9.1/themes/south-street/jquery-ui.css
- 开始： http : //code.jquery.com/ui/1.9.1/themes/start/jquery-ui.css
- 晴天： http : //code.jquery.com/ui/1.9.1/themes/sunny/jquery-ui.css
- swanky-purse： http : //code.jquery.com/ui/1.9.1/themes/swanky-purse/jquery-ui.css
- trontastic： http ://code.jquery.com/ui/1.9.1/themes/trontastic/jquery-ui.css
- ui-darkness： http : //code.jquery.com/ui/1.9.1/themes/ui-darkness/jquery-ui.css
- ui-lightness： http : //code.jquery.com/ui/1.9.1/themes/ui-lightness/jquery-ui.css
- vader： http : //code.jquery.com/ui/1.9.1/themes/vader/jquery-ui.css
谷歌托pipejQueryUI的CSS这个链接https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css
如果你直接看这个代码，它会导入使用@import的css ，这可能很慢 。 您可能想将import因素考虑在内，以获得轻微的绩效收益：
https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.base.css https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base /jquery.ui.theme.css
我会这样想的。 为什么不？ CDN不提供CSS来支持脚本文件
这个链接暗示他们是：
我们感到特别兴奋的是，jQuery UI CSS主题现在托pipe在Google的Ajax Libraries CDN上。
你可以使用这个如果你的意思是jQuery UI的CSS：
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
正如奥巴马所说：“我们能做到”。 这是它的链接。 developers.google.com/#jquery
你需要使用
谷歌
ajax.googleapis.com/ajax/libs/jqueryui/[VERSION NO]/jquery-ui.min.js ajax.googleapis.com/ajax/libs/jqueryui/[VERSION NO]/themes/[THEME NAME]/jquery-ui.min.css
jQuery CDN
code.jquery.com/ui/[VERSION NO]/jquery-ui.min.js code.jquery.com/ui/[VERSION NO]/themes/[THEME NAME]/jquery-ui.min.css
微软
ajax.aspnetcdn.com/ajax/jquery.ui/[VERSION NO]/jquery-ui.min.js ajax.aspnetcdn.com/ajax/jquery.ui/[VERSION NO]/themes/[THEME NAME]/jquery-ui.min.css
在这里find主题名称http://jqueryui.com/themeroller/在画廊子标签;
。
但我不会推荐你从CDN托pipe的原因如下
- 虽然Google CDN的命中率很高，但仍然低得惊人（任何cdn不只是google）。
- 通过cdn加载，你将有3个请求jQuery.js，一个用于jQueryUI.js，一个用于你的代码。 您可能会将其压缩到您的本地，并将其作为单一资源加载。
http://zoompf.com/blog/2010/01/should-you-use-javascript-library-cdns
