جی کوئری CDN چیست و کاربرد و نحوه استفاده از آن

هدایت عباسی آموزش جی کوئری

آموزش ویدئویی cdn جی کوئری

دانلود فیلم و آموزش ویدئویی استفاده از cdn جی کوئری. در این فیلم با jquery cdn آشنا می شوید و نحوه استفاده از آن را می آموزید.

چنانچه مشکلی در اجرای فیلم دارید از مرورگر فایرفاکس استفاده نمایید یا روی لینک زیر کلیک نمایید.

مشاهده یا دانلود فیلم بالا

در این بخش از آموزش جی کوئری (jquery) از تاپ سایت 98 قصد داریم در مورد جی کوئری cdn صحبت کنیم. نحوه استفاده از cdn جی کوئری را بیاموزیم ، با کاربرد آن آشنا شویم و مزایا و معایب آن را بدانیم. پس با ما باشید.

جی کوئری چیست؟

جی کوئری یکی از کتابخانه های جاوااسکریپت است که با آن می توان کارهای مختلفی را انجام داد مانند حذف یک تگ html از صفحات وب ، تغییر css و دهها کار جذاب دیگر که با html,css امکان پذیر نیست.

جی کوئری cdn چیست؟

ما به دو روش می توانیم از جی کوئری استفاده نماییم.

اولین روش دانلود فایل جی کوئری از سایت جی کوئری و استفاده از آن در سایت و صفحات html .

دومین روش استفاده از cdn جی کوئری (jquery cdn) است.

ما هر دو روش را توضیح می دهیم و تفاوت فایل دانلودی جی کوئری و cdn را توضیح میدهیم.

نحوه استفاده از cdn جی کوئری

حال به سراغ نحوه استفاده از cdn جی کوئری می رویم.

برای استفاده از جی کوئری باید فایل جی کوئری با پسوند js را در صفحات وب و html فراخوانی کنید تا بتوانید از امکانات jquery استفاده نمایید.

ما می توانیم فایل جی کوئری را دانلود کنیم و سپس در صفحات html استفاده نماییم اما روش دیگر استفاده از cdn است.

به زبان ساده فایل جی کوئری در یک سرور مایکروسافت یا گوگل ذخیره شده است و ما دیگر نیاز نیست فایل را در هاست خود قرار دهیم و می توانیم فایل را بجای فراخوانی از داخل هاست ، از آن سرور فراخوانی کنیم.

مثال :

به سایت جی کوئری به آدرس jquery.com بروید و در منوها یا قسمت بالایی سایت download را مشاهده می کنید روی دکمه download کلیک نمایید.

حال در قسمت های پایین مشابه تصویر زیر به دنبال cdn بگردید.

jquery cdn

روی microsoft CDN کلیک نمایید.

همان طور که مشاهده میکنید cdn تمام ورژن های جی کوئری در آن موجود می باشد.

jquery cdn

این همان فایل جی کوئری است که در سرور مایکروسافت ذخیره شده است حال می توانید این آدرس را به صفحات وب خود اضافه کرده و از آن استفاده نمایید.

آدرس فایل فشرده jquery-3.4.1.min.js که دارای min است را انتخاب نمایید و مانند مثال های پایین از آن استفاده نمایید.

مثال استفاده از cdn جی کوئری

در زیر یک مثال استفاده از cdn جی کوئری را مشاهده می کنید.

در مثال زیر ما یک دکمه قرار داده ایم با کلیک روی دکمه تگ h1 پنهان می شود.

<!DOCTYPE html>
<html>
<body>
<h1>topsite98.com</h1>
<button id="btn">Click me</button>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
<script>
$("#btn").click(function(){
$("h1").hide();
});
</script>
</body>
</html>

مزایای cdn جی کوئری

از مزایای cdn جی کوئری این است که سرعت لود صفحه را افزایش می دهد.

مرورگرها صفحات وب را از بالا تا پایین خوانده و فایل های آن را روی مرورگر ذخیره می کنند به همین دلیل است که وقتی یک بار وارد یک سایت می شوید سرعت آن کند است و در دفعات بعد سریع لود می شود جون بار اول می خواهد فایل ها را دانلود و روی مرورگر ذخیره می کند.

حال اگر فردی قبلا از cdn مایکروسافت استفاده کرده باشد پس نیازی به دانلود فایل جی کوئری نیست به همین خاطر صفحه سریع تر لود می شود.

معایب cdn جی کوئری

حال به معایب cdn جی کوئری می پردازیم.

در مواردی که اینترنت در ایران قطع شود (قطع سراسری اینترنت اتفاق بیفتد) و کاربر از داخل ایران بخواهد سایت شما را باز کند مرورگر نمی تواند فایل جی کوئری را از سرور مایکروسافت فراخوانی کند و سایت با مشکل مواجه می شود.

عیب دیگر این است که اگر در حال آموزش باشید و کامپیوتر شما به اینترنت متصل نباشد فایل جی کوئری اشکالی را ایجاد نمی کند و کدها اجرا می شود اما cdn چون دسترسی به سرور مایکروسافت یا گوگل ندارد نمی تواند فایل را اجرا کند و کدها اجرا نمی شوند.

با توجه به اینکه فایل فشرده جی کوئری حجم بالایی ندارد پیشنهاد می شود فایل جی کوئری را دانلود کرده و از آن استفاده نمایید.

اگر به دنبال کار پاره وقت هستید با ما تماس بگیرید.

اگر سوال یا نظری دارید در بخش کامنت ها بنویسید.اگر موضوع خاصی مد نظر شماست که در سایت موجود نیست در بخش کامنت ها بنویسید