جی کوئری (JQuery) چیست و چه کاربردهایی دارد؟
جی کوئری (JQuery) چیست ؟
برای روشن شدن مفهوم جی کوئری ابتدا لازم است که مروری بر مفهم جاوا اسکریپت داشته باشیم چرا که جی کوئری یکی از قابلیت های برنامه نویسی در زبان جاوا اسکریپت است .
مرور زبان برنامه نویسی جاوا اسکریپت
جاوااسکریپت یا javascript یکی از زبان های برنامه نویسی منطقی است است که درون کدهای html قرار می گیرد و برای طراحی صفحات وب استفاه می شود. در واقع یک زبان اسکریپت نویسی است که با کدهای html سر و کار دارد و دقیقا همان کد ها را بر روی پلتفرم های مختلف اجرا میکند.این زبان ،یک زبان سطح بالا و پویا و شی گرا است.از جاوا اسکریپت بعنوان یکی از سه هسته اصلی تشکیل دهنده وب یاد میشود(HTML-CSS-JavaScript).این زبان توان پشتیبانی توسط اکثر مرورگرها نظیر فایرفاکس ،کروم ،اکسپلورر ،اپرا ،سافاری و Edge را دارد. علاوه بر آن بیشتر مرورگرهایی که در تلفن های همراه هوشمند وجود دارند نیز قابلیت پشتیبانی از این زبان برنامه نویسی را دارند. زبان برنامه نویسی جاوا اسکریپت می تواند اشیاء درون صفحات یک سایت را کنترل و رویدادها را مدیریت کند.
کاربرد جاوااسکریپت تنها در سمت کاربر خلاصه نمیشود و میتوان توسط فریم ورک هایی نظیر vue.js برنامه نویسی سمت سرور را نیز انجام داد.بنابراین جاوااسکریپت یک زبان برنامه نویسی دو طرفه یا Both Side است.
این موضوع یکی از محاسن اساسی جاوا اسکریپت است .
معرفی کتابخانه جی کوئری
یک کتابخانه جاوااسکریپت سبک چند مرورگری است که برای ساده سازیِ نوشتنِ اسکریپ هایِ سمت-مشتری یا به عبارتی سمت Client، در صفحات وب طراحی شده و امروزه محبوبترین کتابخانهٔ جاوااسکریپتِ در حال استفاده است. نکته مهم این کتابخانه خلاصه سازی تعداد زیادی کد است که به راحتی در اختیار طراح قرار داده شده و طراح با آگاهی از قابلیت های آن می تواند هریک را انتخاب کند و دیگر نیازی به نوشتن کدها نداشته و می تواند کدهای از پیش نوشته شده را استفاده کند. بنابراین جی کوئری OPEN SOURCEاست که کاملا رایگان در دسترس کاربران قرار گرفته است.
برخی مزیتهای jQuery
برخی از مزایای جی کوئری عبارتند از :
- سادهسازی روش اعمال عملکردها نسبت به جاوا اسکریپت به وسیله تعریف تابعهای کاربردی و در نتیجه کاهش چشمگیر کدهای مورد نیاز برای یک هدف
- دستیابی سریع و آسانتر به عناصر صفحه در جهت کنترل عملکرد آنها
- افکتهای ظاهری اضافه شده بیشتر نسبت به جاوا اسکریپت مانند Fade
- فراهم شدن امکان تغییر پویای محتوای صفحه بر اساس نظر برنامهنویس بدون نیاز به نوشتن تمام کدها در html
- امکان تغییر ایجاد کردن در کدهای Html بر اساس رویداد یا زمان
- امکان ایجاد تغییر css اعمال شده به عناصر صفحه بر اساس یک رویداد یا زمان
روش استفاده از jQueryدر پروژه
1. در قدم اول باید کتابخانه jQuery که حاوی دستورات است، به برنامه شما اضافه شود.
الف) پس از دانلود فایل کتابخانه از سایت www.jquery.com افزودن یا include آن به صورت زیر انجام میشود:
ب) همچنین میتوان جیکوئری را به صورت مستقیم از CDN ها includeکرد.
2. کدهای نوشته شده برنامهنویس در فایلی با پسوند js قرار خواهد گرفت که باید در پروژه include شود.
با اطلاع از قابلیت های جی کوئری و کارآیی هریک از آنها می توان به راحتی با توجه به نیاز شما در طراحی سایت قابلیت مورد نظر را استفاده کرد.
جی کوئری چند قابلیت مانند انیمیشن و پشتیبانی از AJAX نیز دارد، اما انیمیشنهای CSS خالص در اغلب موارد سریعتر هستند و کتابخانههایی مانند axios میتوانند درخواستهای AJAX را بسیار بهتر از جی کوئری مدیریت کنند. جی کوئری هم اینک یک نسخه سبک را بدون این قابلیتها عرضه میکند که موجب کاهش حجم آن به میزان 6 کیلوبایت در حالت فشردهسازی و minify شده میشود.
افزودن انواع مختلف کتابخانهها، فریمورکها و کدها به وبسایت، باعث کُند ساختن زمان بارگذاری صفحه به خصوص برای کاربران موبایل یا اتصالهای شبکه ضعیف میشود. با این حال جی کوئری یک مورد استثنا در این زمینه است، چون حجم کمی دارد و همه جا استفاده میشود. بنابراین اگر از یک CDN محبوب مانند گوگل به آن ارجاع بدهید، این احتمال وجود دارد که بیش از نیمی از کاربران شما از قبل آن را روی سیستم خود به صورت کَششده داشته باشند و نیازی به دانلود هیچ چیزی از روی سرور شما نداشته باشند. با این حال این موضوع به تنهایی توجیهی برای گنجاندن آن در وبسایت نیست، زیرا همچنان باید از حافظه سیستم کاربر بارگذاری و اجرا شود که همه اینها به زمان بیشتر نیاز دارند.
اگر کاربر شما کتابخانه جی کوئری را روی سیستم خود به صورت کششده نداشته باشد، میتوانید از نسخه minify و gzipp-شده آن استفاده کنید که تنها 28.78 کیلوبایت حجم دارد و احتمالاً حتی از حجم HTML شما نیز کمتر است. این راهحل ایدهآلی نیست و ممکن است حتی تا یک یا دو ثانیه به زمان بارگذاری صفحه روی اتصالهای ضعیف 3G اضافه کند.
چون جی کوئری موجب مسدود شدن رندر صفحه میشود، باید آن را پیش از نمایش صفحه بارگذاری کنید که این موضوع برای کاربران موبایل چیز خوبی محسوب نمیشود. اگر میخواهید وبسایت اکثرا استاتیک خود را تا حد امکان روی همه دستگاهها در سریعترین زمان ممکن بارگذاری کنید، احتمالاً بهتر است به جای جی کوئری از جاوا اسکریپت خالص استفاده کنید. اما اگر وبسایت شما بیشتر دینامیک است، جی کوئری و دیگر کتابخانهها ارزش استفاده را دارند، چون سرعت توسعه را به میزان قابل توجهی بالا میبرند. برای سایتهای داخل سازمانی، پنلهای ادمین یا هر چیزی که در مواجهه با کاربر نیست، گنجاندن جی کوئری موجب ایجاد هیچ دغدغهای نخواهد بود.
نظرات کاربران
نام کاربری
آموزش ایجاد طرح گرافیکی سایت در فتوشاپ ، تبدیل طرح گرافیکی به قالب وردپرسی و ووکامرسی آموزش ایجاد طرح گرافیکی سایت در فتوشاپ ، تبدیل طرح گرافیکی به قالب وردپرسی و ووکامرسی