Загрузка jQuery UI CSS с CDN от Google
-
03-07-2019 - |
Вопрос
Я планирую использовать Google для загрузки библиотеки jQuery как для пользовательского интерфейса, так и для ядра.Мой вопрос в том, разрешают ли они мне загружать CSS для него или я должен разместить его сам?
Кроме того, если я использую Google для загрузки, как я должен загружать другие плагины?Могу ли я сжать все плагины вместе или это должен быть отдельный файл?
Решение
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
Темы Несжатые:черный галстук, блитцер, купертино, темный улей, точка-любимая, баклажаны, возбуждающий велосипед, щелчок, горячие проныры, человечество, ле-лягушка, мятно-шоколадный, облачность,измельчитель перца, редмонд, гладкость, саут-стрит, начать, солнечный, шикарная сумочка, тронтастик, пользовательский интерфейс-темнота, пользовательский интерфейс-легкость, и вейдер.
Сжатые темы:черный галстук, блитцер, купертино, темный улей, точка-любимая, баклажаны, возбуждающий велосипед, щелчок, горячие проныры, человечество, ле-лягушка, мятно-шоколадный, облачность,измельчитель перца, редмонд, гладкость, саут-стрит, начать, солнечный, шикарная сумочка, тронтастик, пользовательский интерфейс-темнота, пользовательский интерфейс-легкость, и вейдер.
Другие советы
У 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
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
Я бы так подумал. Почему бы и нет? Не будет большой части CDN без предложения CSS для поддержки файлов сценария
Эта ссылка предполагает, что они:
Нам особенно интересно, что CSS-темы jQuery UI теперь размещен на CDN библиотек Ajax от Google.
Вы можете использовать это, если имеете в виду 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
Названия тем можно найти здесь http://jqueryui.com/themeroller/ во вложенной вкладке "галерея"
.
Но я бы хотел не рекомендую вы размещаете хостинг с cdn по следующим причинам
- Хотя ваши шансы на попадание в Google CDN высоки по сравнению с другими, но они все равно ужасно низки.(любой cdn, не только Google).
- При загрузке через cdn у вас будет 3 запроса: один для jQuery.js, один для jQueryUI.js и один для вашего кода.Вы также можете сжать его на своем локальном компьютере и загрузить как один отдельный ресурс.
http://zoompf.com/blog/2010/01/should-you-use-javascript-library-cdns