Google'ın CDN'sinden jQuery UI CSS'yi indirme

Hem kullanıcı arayüzü hem de Core için jQuery lib'i indirmek için Google'ı kullanmayı planlıyorum. Sorum şu: CSS'yi indirmeme izin veriyorlar mı yoksa kendim barındırmam gerekiyor mu?

Ayrıca Google'ı yüklemek için kullanırsam diğer eklentileri nasıl yüklemeliyim? Tüm eklentileri birlikte sıkıştırabilir miyim yoksa kendi ayrı dosyası mı olmalı?

JQuery UI (şu anda v1.10.3) içeren Google AJAX Kütüphaneleri API'si, aynı zamanda uyarınca popüler temalar içerir jQuery UI blogda :

Google Ajax Kütüphaneleri API'sı (CDN)

• sıkıştırılmamış: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js

• Sıkıştırılmış: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js

• Temalar Sıkıştırılmamış: siyah kravat , blitzer , cupertino , karanlık kovan , nokta luv , patlıcan , heyecanlı bisiklet , fiske , sıcak gizlice , insanlık , le-kurbağa , nane-choc , bulutlu , karabiber değirmeni , redmond , pürüzsüzlük güney , cadde , başlama , güneşli , havalı , trontastic , ui-darkness ,ui-hafiflik ve vader .

• Temalar Sıkıştırılmış: siyah kravat , blitzer , cupertino , karanlık kovan , nokta luv , patlıcan , heyecanlı bisiklet , fiske , sıcak gizlice , insanlık , le-kurbağa , nane-choc , bulutlu , karabiber değirmeni , redmond , pürüzsüzlük güney , cadde , başlama , güneşli , havalı , trontastic , ui-darkness ,ui-hafiflik ve vader .

jQuery artık bir CDN erişimine sahip:

code.jquery.com/ui/ [sürüm] / temalar / [tema adı] /jquery-ui.css

Ve bunu biraz daha kolay hale getirmek için, İşte başlıyoruz:

• temel: http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css
• kara-kravat: 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
• karanlık kovan: 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
• patlıcan: http://code.jquery.com/ui/1.9.1/themes/eggplant/jquery-ui.css
• heyecan bisikleti: http://code.jquery.com/ui/1.9.1/themes/excite-bike/jquery-ui.css
• fiske: http://code.jquery.com/ui/1.9.1/themes/flick/jquery-ui.css
• sıcak gizlice: http://code.jquery.com/ui/1.9.1/themes/hot-sneaks/jquery-ui.css
• insanlık: 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
• nane-choc: http://code.jquery.com/ui/1.9.1/themes/mint-choc/jquery-ui.css
• bulutlu: http://code.jquery.com/ui/1.9.1/themes/overcast/jquery-ui.css
• karabiber değirmeni: 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
• pürüzsüzlük: http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css
• güney sokak: http://code.jquery.com/ui/1.9.1/themes/south-street/jquery-ui.css
• başlangıç: http://code.jquery.com/ui/1.9.1/themes/start/jquery-ui.css
• güneşli: http://code.jquery.com/ui/1.9.1/themes/sunny/jquery-ui.css
• havalı çanta: 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-hafiflik: 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 bu bağlantıda jQueryUI css barındırıyor https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

Bu koda doğrudan bakarsanız, yavaş olabilen @import kullanarak css'i içe aktarır . Hafif bir performans avantajı elde etmek için ithalatı parçalarına katmak isteyebilirsiniz:

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

Ben öyle düşünürdüm. Neden olmasın? Betik dosyalarını destekleyecek CSS sunan bir CDN'den fazla olmaz

Bu bağlantı şu olduklarını göstermektedir:

JQuery UI CSS temalarının artık Google'ın Ajax Kütüphaneleri CDN'sinde barındırılmasını özellikle heyecan verici buluyoruz.

JQuery UI css'i kastediyorsanız bunu kullanabilirsiniz:

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

Obama'nın dediği gibi "Evet Yapabiliriz". İşte bağlantı. developers.google.com/#jquery

Kullanmalısın

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

Tema adlarını burada bulabilirsiniz http://jqueryui.com/themeroller/ galeri alt sekmesinde

.

Ama ben aşağıdaki nedenlerle cdn barındırma tavsiye etmem

1. Her ne kadar Google CDN durumunda isabet şansı iyi olsa da, yine de dipsiz olarak düşük. (Herhangi bir cdn sadece google değil).
2. Cdn üzerinden yükleme, biri jQuery.js için, biri jQueryUI.js için ve biri kodunuz için olmak üzere 3 isteğiniz olacaktır. Yerel olarak sıkıştırıp tek bir kaynak olarak yükleyebilirsiniz.

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