Загрузка jQuery UI CSS с CDN от Google

Question

Я планирую использовать Google для загрузки библиотеки jQuery как для пользовательского интерфейса, так и для ядра.Мой вопрос в том, разрешают ли они мне загружать CSS для него или я должен разместить его сам?

Кроме того, если я использую Google для загрузки, как я должен загружать другие плагины?Могу ли я сжать все плагины вместе или это должен быть отдельный файл?

Answer 1

API библиотек Google AJAX, который включает пользовательский интерфейс jQuery (в настоящее время версия v1.10.3), также включает популярные темы в соответствии с Блог пользовательского интерфейса jQuery:

API библиотек Google Ajax (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

• Темы Несжатые:черный галстук, блитцер, купертино, темный улей, точка-любимая, баклажаны, возбуждающий велосипед, щелчок, горячие проныры, человечество, ле-лягушка, мятно-шоколадный, облачность,измельчитель перца, редмонд, гладкость, саут-стрит, начать, солнечный, шикарная сумочка, тронтастик, пользовательский интерфейс-темнота, пользовательский интерфейс-легкость, и вейдер.

• Сжатые темы:черный галстук, блитцер, купертино, темный улей, точка-любимая, баклажаны, возбуждающий велосипед, щелчок, горячие проныры, человечество, ле-лягушка, мятно-шоколадный, облачность,измельчитель перца, редмонд, гладкость, саут-стрит, начать, солнечный, шикарная сумочка, тронтастик, пользовательский интерфейс-темнота, пользовательский интерфейс-легкость, и вейдер.

Answer 2

У jQuery теперь есть доступ по CDN:

code.jquery.com/ui/[версия]/темы/[название темы]/jquery-пользовательский интерфейс.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
• блитцер: http://code.jquery.com/ui/1.9.1/themes/blitzer/jquery-ui.css
• купертино: 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
• точка-любимая: 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
• ле-лягушка: http://code.jquery.com/ui/1.9.1/themes/le-frog/jquery-ui.css
• мятно-шоколадный: 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
• редмонд: 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
• тронтастик: http://code.jquery.com/ui/1.9.1/themes/trontastic/jquery-ui.css
• пользовательский интерфейс-темнота: http://code.jquery.com/ui/1.9.1/themes/ui-darkness/jquery-ui.css
• пользовательский интерфейс-легкость: http://code.jquery.com/ui/1.9.1/themes/ui-lightness/jquery-ui.css
• вейдер: http://code.jquery.com/ui/1.9.1/themes/vader/jquery-ui.css

Answer 3

Google размещает jQueryUI css по этой ссылке https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

Если вы посмотрите на этот код напрямую, он импортирует CSS, используя @import , что может быть медленным . Возможно, вы захотите разделить импорт на части, чтобы получить небольшой выигрыш в производительности:

https: // ajax .googleapis.com / Ajax / ЛИЭС / jqueryui / 1,8 / темы / базовый / jquery.ui.base.css https: //ajax.googleapis. ком / Ajax / ЛИЭС / jqueryui / 1,8 / темы / базовый / jquery.ui.theme.css

Answer 4

Я бы так подумал. Почему бы и нет? Не будет большой части CDN без предложения CSS для поддержки файлов сценария

Эта ссылка предполагает, что они:

  

Нам особенно интересно, что   CSS-темы jQuery UI теперь   размещен на CDN библиотек Ajax от Google.

Answer 5

Вы можете использовать это, если имеете в виду jQuery UI css:

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

Answer 6

Как говорит Обама, "Да, мы можем".Вот ссылка на него. developers.google.com/#jquery

Вам нужно использовать

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

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 по следующим причинам

1. Хотя ваши шансы на попадание в Google CDN высоки по сравнению с другими, но они все равно ужасно низки.(любой cdn, не только Google).
2. При загрузке через cdn у вас будет 3 запроса: один для jQuery.js, один для jQueryUI.js и один для вашего кода.Вы также можете сжать его на своем локальном компьютере и загрузить как один отдельный ресурс.

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