Mengunduh jQuery UI CSS dari CDN Google

Saya berencana menggunakan Google untuk mengunduh jQuery lib untuk UI dan Core. Pertanyaan saya adalah, apakah mereka mengizinkan saya mengunduh CSS untuk itu atau haruskah saya menyimpannya sendiri?

Juga jika saya menggunakan Google untuk memuat bagaimana saya harus memuat plugin lain? Bisakah saya mengompres semua plugin bersama atau haruskah itu file terpisah sendiri?

Google AJAX Libraries API, yang mencakup jQuery UI (saat ini v1.10.3), juga mencakup tema populer sesuai blog jQuery UI :

Google Ajax Libraries API (CDN)

• Terkompresi: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js

• Terkompresi: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js

• Tema Tidak terkompresi: dasi hitam , blitzer , cupertino , sarang-gelap , dot-luv , terong , sepeda menggairahkan , film , hot-menyelinap , kemanusiaan , le-frog , mint-choc , mendung , penggiling lada , redmond , kehalusan , jalan selatan , mulai , cerah , dompet megah , trontastik , ui-darkness ,ui-lightness , dan vader .

• Tema Dikompresi: dasi hitam , blitzer , cupertino , sarang-gelap , dot-luv , terong , sepeda menggairahkan , film , hot-menyelinap , kemanusiaan , le-frog , mint-choc , mendung , penggiling lada , redmond , kehalusan , jalan selatan , mulai , cerah , dompet megah , trontastik , ui-darkness ,ui-lightness , dan vader .

jQuery sekarang memiliki akses CDN:

code.jquery.com/ui/ [versi] / tema / [nama tema] /jquery-ui.css

Dan untuk membuatnya sedikit lebih mudah, Ini dia:

• base: http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css
• dasi hitam: 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
• cupertino: http://code.jquery.com/ui/1.9.1/themes/cupertino/jquery-ui.css
• dark-hive: 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
• terong: 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
• gulir cepat: 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
• kemanusiaan: 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
• mendung: http://code.jquery.com/ui/1.9.1/themes/overcast/jquery-ui.css
• pepper-grinder: 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
• kelancaran: http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css
• jalan selatan: http://code.jquery.com/ui/1.9.1/themes/south-street/jquery-ui.css
• mulai: 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
• dompet megah: http://code.jquery.com/ui/1.9.1/themes/swanky-purse/jquery-ui.css
• trontastik: 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
• vader: http://code.jquery.com/ui/1.9.1/themes/vader/jquery-ui.css

Google meng-hosting jQueryUI css di tautan ini https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

Jika Anda melihat kode ini secara langsung, itu mengimpor css menggunakan @import yang bisa lambat . Anda mungkin ingin memasukkan faktor impor ke dalam bagian-bagiannya untuk mendapatkan sedikit manfaat kinerja:

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

Saya akan berpikir begitu. Kenapa tidak? Tidak akan banyak CDN tanpa menawarkan CSS untuk mendukung file skrip

Tautan ini menunjukkan bahwa mereka adalah:

Kami merasa sangat menarik bahwa tema CSS UI jQuery sekarang di-host di CDN Ajax Perpustakaan Google.

Anda bisa menggunakan ini jika Anda maksud jQuery UI css:

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

Seperti kata Obama "Ya Kita Bisa". Ini tautannya. developers.google.com/#jquery

Anda harus menggunakan

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

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

Temukan nama tema di sini http://jqueryui.com/themeroller/ di subtab galeri

.

Tetapi saya tidak akan merekomendasikan Anda hosting dari cdn untuk alasan berikut

1. Meskipun peluang Anda mengenai hit rate bagus untuk CDN Google dibandingkan dengan yang lain, tetapi ini masih sangat rendah (CDN apa pun bukan hanya google).
2. Memuat melalui cdn Anda akan memiliki 3 permintaan satu untuk jQuery.js, satu untuk jQueryUI.js dan satu untuk kode Anda. Anda mungkin akan mengompresnya di lokal Anda dan memuatnya sebagai satu sumber daya tunggal.

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