Google CDN에서 jQuery UI CSS 다운로드

https://stackoverflow.com/questions/820412

03-07-2019
|

문제

UI와 Core의 jQuery lib를 다운로드하기 위해 Google을 사용 할 계획입니다. 내 질문은, 그들이 CSS를 다운로드 할 수 있도록 허용합니까, 아니면 직접 호스팅해야합니까?

또한 Google을 사용하여로드하는 경우 다른 플러그인을 어떻게로드해야합니까? 모든 플러그인을 함께 압축 할 수 있습니까? 아니면 별도의 파일이어야합니까?

해결책

JQuery UI (현재 v1.10.3)를 포함하는 Google Ajax 라이브러리 API에는 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
압축되지 않은 테마 :검은 넥타이, 블리처, 쿠퍼 티노, 어두운 곳, dot-luv, 가지, 흥분-자전거, 영화, 핫 스노우, 인류, Le-Frog, 민트 choc, 흐린,후추 분쇄기, 레드몬드, 부드러움, 남쪽 스트리트, 시작, 맑은, 스커키 푸르, Trontastic, ui-darkness, UI-Lightness, 그리고 베이더.
압축 된 테마 :검은 넥타이, 블리처, 쿠퍼 티노, 어두운 곳, dot-luv, 가지, 흥분-자전거, 영화, 핫 스노우, 인류, Le-Frog, 민트 choc, 흐린,후추 분쇄기, 레드몬드, 부드러움, 남쪽 스트리트, 시작, 맑은, 스커키 푸르, Trontastic, ui-darkness, UI-Lightness, 그리고 베이더.

다른 팁

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
블리터 : 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
도트-uv : 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
민트 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-Darkness : http://code.jquery.com/ui/1.9.1/themes/ui-adarkness/jquery-ui.css
UI-Lightness : 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

이 코드를 직접 보면 @import를 사용하여 CSS를 가져오고 있습니다. 느릴 수 있습니다. 약간의 성능 혜택을 얻기 위해 수입을 부품으로 고려할 수 있습니다.

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

나는 그렇게 생각할 것입니다. 왜 안 돼? 스크립트 파일을 지원하기 위해 CSS를 제공하는 CDN W/O가 아닙니다.

이 링크 그들이 다음을 제안합니다.

JQuery UI CSS 테마가 이제 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

사용해야합니다

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에서 호스팅합니다

다른 사람들에 비해 Google CDN의 경우 적중률이 좋지만 여전히 심각하게 낮습니다. (Google뿐만 아니라 모든 CDN).
CDN을 통해로드하면 jQuery.js에 대해 하나, jqueryui.js 용 및 코드 용 3 개의 요청이 있습니다. 로컬에서 압축하여 하나의 단일 리소스로로드 할 수 있습니다.

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

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow