Google CDN에서 jQuery UI CSS 다운로드

UI를 사용하여 Core 용 jQuery 라이브러리를 다운로드하기 위해 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

• 압축 테마 : 검은 넥타이 , 특파원이었습니다 , 쿠퍼 티노 , 어두운 하이브 , 점-LUV , 가지 , 흥분 자전거 , 영화 , 핫 몰래 , 인류 , 르 개구리 , 민트 초코를 , 흐린 , 후추 그라인더 , 레드몬드 , 부드러움 , 남쪽 거리 , 시작 , 써니 , 멋진-지갑 , trontastic , UI-어둠 ,ui-lightness 및 vader .

• 테마 압축 : 검은 넥타이 , 특파원이었습니다 , 쿠퍼 티노 , 어두운 하이브 , 점-LUV , 가지 , 흥분 자전거 , 영화 , 핫 몰래 , 인류 , 르 개구리 , 민트 초코 , 흐린 , 후추 그라인더 , 레드몬드 , 부드러움 , 남쪽 거리 , 시작 , 써니 , 멋진-지갑 , trontastic , UI-어둠 ,ui-lightness 및 vader .

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
• 닷-루브 : 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
• 민트 쵸크 : 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-darkness/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은 많지 않습니다.

이 링크 는 다음을 제안합니다.

jQuery UI CSS 테마가 이제 Google의 Ajax Libraries 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

마이크로 소프트

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의 경우 다른 사람에 비해 적중률이 높지만 여전히 적습니다 (Google뿐만 아니라 모든 CDN).
2. cdn을 통해로드하면 jQuery.js, jQueryUI.js 및 코드에 대한 세 가지 요청이 있습니다. 로컬에서 압축하여 하나의 단일 리소스로로드 할 수 있습니다.

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