Загрузка jQuery UI CSS из CDN Google
Я планирую использовать Google для загрузки jQuery lib как для пользовательского интерфейса, так и для ядра. Мой вопрос в том, позволяют ли они мне загружать CSS для него или я должен сам его разместить?
также, если я использую Google для загрузки, как я должен загружать другие плагины? Могу ли я сжать все плагины вместе или это должен быть отдельный файл?
6 ответов:
API библиотек Google AJAX, который включает в себя jQuery UI (в настоящее время v1.10.3), также включает в себя популярные темы в соответствии с jQuery UI blog:
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
Темы Несжатого: черный галстук,Блитцер,Купертино,темно-куст,dot-luv,баклажаны,excite-bike,фильм,hot-sneaks,человечество, le-frog,mint-choc, более,перца-кофемолка,Редмонд,плавность,юго-улица, start,солнечное,шикарный кошелек, trontastic, ui-темнота,ui-lightness и Вейдер.
Темы Сжатого: черный галстук,Блитцер,Купертино, темно-куст,dot-luv,баклажаны,excite-bike,фильм,hot-sneaks,человечество,le-frog,mint-choc,более,перца-кофемолка,Редмонд,плавность,юго-улица, start,солнечное,шикарный кошелек, trontastic, ui-темнота, ui-lightness и Вейдер.
jQuery теперь имеет доступ к CDN:
code.jquery.com/ui/[версия] / themes/[название темы]/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
- Блитцер: 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
- 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
- excite-bike:http://code.jquery.com/ui/1.9.1/themes/excite-bike/jquery-ui.css
- flick:http://code.jquery.com/ui/1.9.1/themes/flick/jquery-ui.css
- hot-sneaks: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
- Редмонд: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-темнота: http://code.jquery.com/ui/1.9.1/themes/ui-darkness/jquery-ui.css
- ui-легкость: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/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 для поддержки файлов сценариев
этой ссылке говорит о том, что они:
мы находим это особенно захватывающим, что теперь темы CSS jQuery UI размещено на Google Ajax библиотек 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
Microsoft
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