Google의 CDN에서 jQuery UI CSS 다운로드

Google의 CDN에서 jQuery UI CSS 다운로드

저는 UI와 Core 모두에 대한 jQuery lib를 Google을 사용하여 다운로드할 계획입니다.제 질문은, 그들이 제가 그것을 위해 CSS를 다운로드하는 것을 허락하는가 아니면 제가 그것을 직접 호스팅해야 하는가입니다.

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

jQuery UI(현재 v1.10.3)를 포함하는 Google AJAX Libraries API는 jQuery UI 블로그에 따라 인기 있는 테마도 포함합니다.

Google CDN(Ajax Libraries API)

• 압축 해제: 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/ [version]/http/[가칭]/jquery-ui.http

---

이 문제를 좀 더 쉽게 해결하기 위해 다음을 수행합니다.

• 기준: 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
• blitzer: 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
• 익사이팅 바이크: 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
• 핫 스테이크: 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
• e-메일: 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
• redmond: 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
• sunny: http://code.jquery.com/ui/1.9.1/themes/sunny/jquery-ui.css
• swanky-backing: 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
• ui-message: 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

구글은 이 링크 https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css 에서 jQueryUI 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

오바마가 "우리는 할 수 있습니다"라고 말한 것처럼.여기 링크가 있습니다. 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. 다른 사람들에 비해 구글 CDN의 경우 당신의 적중률 가능성이 높지만 여전히 매우 낮습니다. (구글뿐만 아니라 모든 CDN)
2. cdn을 통해 로드하면 jQuery.js용으로 하나, jQueryUI.js용으로 하나, 코드용으로 하나씩 3개의 요청이 있을 것입니다.로컬에서 압축하여 단일 리소스로 로드할 수도 있습니다.

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

전 그렇게 생각합니다.왜 안 되나요?스크립트 파일을 지원하기 위해 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" />

jQuery UI < 1.13은 현재 Google Page Speed Insights에 의해 보안 취약성으로 간주됩니다.

대신 보안으로 고정된 최신 버전을 사용합니다.2022년 기준으로 이는 1.13.2입니다.

예:

• https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js

  https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/smoothness/jquery-ui.min.css

전체 HTML 태그 예:

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"></script>

언급URL : https://stackoverflow.com/questions/820412/downloading-jquery-ui-css-from-googles-cdn