从Google的CDN下载jQuery UI CSS

时间 2020-01-25

标签 google cdn 下载 jquery css 栏目 Google 繁體版

原文原文链接

我打算使用Google下载UI和Core的jQuery库。个人问题是，他们容许我为此下载CSS仍是应该本身托管它？ javascript

另外，若是我使用Google加载，应该如何加载其余插件？我能够将全部插件压缩在一块儿吗，仍是应该将其单独压缩？ css

#1楼

jQuery如今具备CDN访问权限： java

code.jquery.com/ui/ [版本] / themes / [主题名称] /jquery-ui.css jquery

为了使这更容易一点，在这里，您能够： ajax

基本： 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
点-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
Pepper-grinder： http ： //code.jquery.com/ui/1.9.1/themes/pepper-grinder/jquery-ui.css
雷德蒙德： 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
南街： 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
时髦的钱包： 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

#2楼

若是您是指jQuery UI CSS，则能够使用此代码： api

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

#3楼

正如奥巴马所说的“是的”。这是连接。 developers.google.com/#jquery ide

您须要使用 ui

谷歌 google

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 spa

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

在图库子标签中的http://jqueryui.com/themeroller/中查找主题名称

。

但因为如下缘由，我不建议您从CDN托管

尽管与其余CDN相比，使用Google CDN的命中率很高，但仍然很是低。（任何CDN不只限于Google）。
经过CDN加载，您将有3个请求，一个针对jQuery.js，一个针对jQueryUI.js，一个针对您的代码。您可能会在本地压缩它，并将其做为一个资源加载。

http://zoompf.com/blog/2010/01/should-you-use-javascript-library-cdns

#4楼

我会这样认为。为何不？没有提供CD来支持脚本文件的CDN不会太多

该连接代表它们是：

咱们感到特别使人兴奋的是，jQuery UI CSS主题如今托管在Google的Ajax Libraries CDN中。

#5楼

Google AJAX库API，其中包括jQuery UI（当前为v1.10.3），而且根据jQuery UI博客还包括热门主题：

Google Ajax库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
不受压缩的主题：黑色领带，西服，库比蒂诺，暗黑蜂巢，点爱，茄子，兴奋自行车，轻弹，热偷偷摸摸，人性， le-frog ，薄荷choc ，阴天，胡椒研磨机， redmond ，光滑度，南大街，起点，阳光明媚，花哨的钱包，突兀的， ui黑暗的， ui lightness和vader 。
压缩主题：黑领结，西服，库比蒂诺，暗黑蜂巢，点爱，茄子，兴奋自行车，轻弹，热溜溜，人性化，青蛙，薄荷巧克力，阴天，胡椒研磨机，雷德蒙德，光滑度，南大街，起点，阳光明媚，花哨的钱包，突兀的， ui黑暗的， ui lightness和vader 。