تحميل مسج UI CSS من جوجل CDN
-
03-07-2019 - |
سؤال
أنا تخطط لاستخدام جوجل تحميل مسج lib لكل واجهة المستخدم الأساسية.سؤالي هو هل تسمح لي تحميل CSS أو ينبغي علي المضيف ذلك بنفسي ؟
أيضا إذا كنت تستخدم جوجل لتحميل كيف يمكنني التحميل من الإضافات الأخرى ؟ ضغط جميع الإضافات معا أو يجب أن تكون منفصلة الملف ؟
المحلول
جوجل اياكس مكتبات API ، والذي يتضمن واجهة المستخدم مسج (حاليا v1.10.3) كما يشمل المواضيع شعبية في مسج UI بلوق:
جوجل اياكس مكتبات 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
المواضيع غير مضغوط:الأسود التعادل, بليتزر, كوبرتينو, الظلام خلية, دوت لوف, الباذنجان, تثير الدراجة, نفض الغبار, الساخنة الخونة, الإنسانية, le-الضفدع, النعناع-شوك, بالغيوم,الفلفل طاحونة, ريدموند, نعومة, جنوب شارع, تبدأ, مشمس, فاخر-محفظة, trontastic, ui-الظلام, ui-خفة, ، فيدر.
المواضيع مضغوط:الأسود التعادل, بليتزر, كوبرتينو, الظلام خلية, دوت لوف, الباذنجان, تثير الدراجة, نفض الغبار, الساخنة الخونة, الإنسانية, le-الضفدع, النعناع-شوك, بالغيوم,الفلفل طاحونة, ريدموند, نعومة, جنوب شارع, تبدأ, مشمس, فاخر-محفظة, trontastic, ui-الظلام, ui-خفة, ، فيدر.
نصائح أخرى
مسج الآن CDN الوصول:
code.jquery.com/ui/[النسخة]/المواضيع/[اسم الموضوع]/مسج-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-الضفدع: 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
- sunny: 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-الظلام: http://code.jquery.com/ui/1.9.1/themes/ui-darkness/jquery-ui.css
- ui-خفة: 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
وجوجل استضافة jQueryUI المغلق على هذا الرابط <لأ href = "https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css" يختلط = "نوفولو noreferrer "> https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css
إذا نظرتم الى هذا الرمز مباشرة، فإنه استيراد المغلق باستخدامimport التي يمكن أن تكون بطيئة . قد تحتاج إلى عامل استيراد إلى أجزائه للحصول على فائدة أداء طفيفة:
HTTPS: // اياكس .googleapis.com / اياكس / يبس / jqueryui / 1.8 / المواضيع / القاعدة / jquery.ui.base.css الشبكي: //ajax.googleapis. كوم / اياكس / يبس / jqueryui / 1.8 / المواضيع / القاعدة / jquery.ui.theme.css
وأود أن أعتقد ذلك. لما لا؟ لن يكون الكثير من CDN ث / س تقديم CSS لدعم ملفات البرامج النصية
يشير هذا الارتباط أنهم:
<اقتباس فقرة>ونجد أنه من المثير حقا أن المواضيع مسج UI CSS الآن استضافتها على اياكس المكتبات CDN جوجل.
اقتباس فقرة>هل يمكن استخدام هذه واحدة إذا كنت تعني UI المغلق مسج:
<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
مسج 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 للأسباب التالية
- على الرغم من فرصتك في ضرب معدل جيد في حالة جوجل CDN بالمقارنة مع الآخرين لكنها لا تزال منخفضة للغاية.(أي cdn ليس فقط جوجل).
- التحميل عن طريق cdn سيكون لديك 3 طلبات واحد jQuery.js واحدة jQueryUI.js واحد من التعليمات البرمجية.قد ضغط على المحلي الخاص بك وتحميله واحد من الموارد.
http://zoompf.com/blog/2010/01/should-you-use-javascript-library-cdns