illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

ترفندهای پیشرفته jQuery (قسمت دهم)

2 1055 ۳۰ شهریور ۹۴

در این قسمت با ادامه ترفندهای پیشرفته jQuery در خدمت شما هستیم.
jquery trickshot

موضوع دوم : عملکرد و کارائی

ترفند 19 : موارد مختلف رو ذخیره کنید

هر زمان که شما بوسیله یک Selector یک شئ جدید jQuery رو ایجاد میکنید ، این ابزار به DOM میره و المنتهایی که با انتخاب گر شما تطابق دارن رو بر میگردونه. این مورد رو اگر بخواین با استفاده از Javascript انجام بدین میتونه آهسته و کند باشه ولی در مرورگرهای جدید یک متد از پیش تعریف شده بنام document.querySelector وجود داره که میتونین با استفاده از انتخابگرهای بر پایه CSS المنتهای مورد نظر رو انتخاب کنید. متاسفانه این متد در مرورگرهای IE8 و پایینتر پشتیبانی نمیشه.

یک روش خوب و مفید اینه که از شئ های jQuery بوسیله نسبت دادن اونا به یک متغیر ، استفاده مجدد کنید و یا اینکه اونا رو Cache کنید. مثال زیر رو در نظر بگیرید:

کدهای HTML:

کدهای JS:

میبینید که در بالا سه خط کد اجرا شده و در ابتدای هر خط انتخابگر ثابتی قرار داده شده و این یک نمونه بد به شمار میره.

بهینه کردن کد بالا:

میبینید که ابتدا اون انتخابگر رو به یک متغیر نسبت دادیم و بعد از اون استفاده کردیم. همچنین میتونیم با استفاده از متد end ، این 3 خط رو به یک خط تبدیل کنیم:

رعایت این نکات نه تنها کدهای شما رو بهینه تر میکنه ، بلکه خوانایی کدهای شما رو نیز بالاتر میبره.

ترفند 20 : کدهای تکرار شونده رو بصورت یک تابع و یکبار تعریف کنید

یک روش بهینه سازی دیگه که خوبه با اون آشنا بشید اینه که توابعی که مربوط به وقایع مانند کلیک و ... هستن رو به جای اینکه چند انتخاب گر بصورت همزمان به اونا پاس بدیم ، یکی یکی و جداگونه پاس بدیم. با مثال زیر موضوع رو براتون روشن میکنم.

کدهای HTML زیر رو در نظر بگیرید:

در اینجا یک دکمه و یک لینک قرار دادیم و قصد داریم که هر دوی اینها یک کار رو انجام بدن. مثلا فرض کنیم میخایم وقتی روی اونا کلیک شد ، یک سری کد اجرا بشن. میتونیم بصورت زیر عمل کنیم:

با این روش چنتا کپی از callback گرفته میشه و باعث میشه که حافظه مشغول بشه و به بهینه بودن کدهاتون ضربه بخوره.

بجای اینکار میتونین یک تابع تعریف کنید و کدهایی که میخواید با کلیک بر روی موارد اجرا بشن رو درونش قرار بدین:

حالا میتونین با کدهای زیر همون کار بالا رو انجام بدین:

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

امیدوارم از این مطلب خوشتون اومده باشه.

موفق و پیروز باشید

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 2 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    سعید(۱ مهر ۱۳۹۴)

    سلام
    یه سوال
    مرورگرهای ie 7 , ie 8 , ie9 به ترتیب مال کدوم ویندوزها بودن؟

    • ‏‏
      محمد اسفندیاری(۱ مهر ۱۳۹۴)

      این مورد رو میتونین در گوگل سرچ کنید و یا اینکه در انجمن بپرسید
      بهتون پیشنهاد میکنم که دیگه قید IE رو بزنید و به فکر مرورگرهای دیگه و Edge باشید
      موفق باشید

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram