5
تشکر

حذف ماژول های غیر ضروری در jQuery

جی کوئری

جی کوئری

jQuery یکی از پر استفاده ترین کتابخانه های جاوا اسکریپت است که میتوان گفت در بیشتر سایت هایی که توسعه داده میشوند استفاده میشود.

با این حال زمانی که ما بر روی یک سایت ساده کار میکنیم، ممکن است فقط از چند کاربرد jQuery بیشتر استفاده نکنیم، و بقیه آن ها بی استفاده باقی میمانند، خب حالا میخواهیم توابعی را که از آنها استفاده نمیکنیم را از فایل jQuery حذف کنیم تا حجم آن به همان نسبت کم شود (Custom Build) و همچنین کارایی (Performance) صفحه افزایش پیدا کند.

اینکار را توسط سایت jQuery Builder انجام میدهیم. اما ابتدا باید ماژول های jQuery را بشناسیم تا بتوانیم آنها را انتخاب کنیم.

در ادامه همراه ما باشید…

در سایت jQuery Builder در قسمت Options ابتدا نسخه ای که میخواهید را انتخاب کنید، برای بدست آوردن نسخه کم حجم چک باکس Minify را انتخاب کنید. سپس از قسمت Modules ماژول هایی که برای سایتتان احتیاج دارید را انتخاب سپس توسط دکمه Build کتابخانه سفارشی خود را بسازید.

ماژول های jQuery

ajax: تمامی توابع کار با ajax شامل ajax, get, post, ajaxSetup, load و …

ajax/xhr: شامل توابع ajax XMLHTTPRequest

ajax/script: شامل توابع ajax فقط برای انتقال تگ <script>

ajax/jsonp: شامل توابع انتقال ajax JSONP که به توابع ajax/script وابسته است.

css: شامل متد css و متدهای بدون انیمیشن شامل show, hide و toggle

dimensions: شامل متدهای width, height و متدهای مربوطه مانند innerHeight, innerWidth و outer

effects: شامل متدهای انیمیشن مانند animate, slideUp, fadeIn و …

event-alias: شامل رویدادها مانند click, mouseenter, hover و …

offset: شامل توابعی که با مختصات عناصر (top, left) کار میکنند مانند offset, position, offsetParent و …

wrap: شامل متدهای wrap, wrapAll, unWrap و …

sizzle: شامل تابع $ که همان متد انتخاب عناصر است

با شناخت ماژول های کتابخانه jQuery میتوانید فقط ماژول هایی که احتیاج دارید را بسازید و حجم آن را کم و همچنین کارایی صفحه را بالا ببرید.

  • پژمان می‌گه:

    ممنون از مقاله خوبتون
    سلام من یک سوال داشتم می خواستم بدونم آیا جاوا اسکریپت یا جی کوری تابع ای دارند که اندازه یک عکس رو کوچیک کرد سایز رو نمیگم
    منظورم اندازه عکس مثلا از 800*600 تبدیلش کرد به 100*100


  • نظرات این مطلب بسته است.