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

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



  آیا می دانید تا کنون 6336 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

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

0 372 ۲ مهر ۹۴

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

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

ترفند 23 : برای رویداد Load خودتونو معطل نکنید

ما تقریبا عادت کردیم که یک $(document).ready() بسازیم و همه کدهامونو داخلش بریزیم تا اجرا بشن. اگر شما یک صفحه سنگین داشته باشید ، $(document).ready() میتونه با تاخیر انجام بشه. یک ترفند در این زمینه وجود داره که میتونه بهینه بودن و واکنشگرا بودن صفحه رو بهتر بکنه. با این کار میتونین وقتی که کل صفحه هنوز آماده نشده ، دستوری رو اجرا کنید.

دستور زیر رو در نظر بگیرید که با استفاده از همون $(document).ready() انجام میشه:

میبینید که کد مورد نظر رو در ready قرار دادیم و تا زمانی که کل صفحه آماده نباشه هر چقدر هم روی عنصر مورد نظر کلیک کنیم ، پیام نشون داده نمیشه. در صورتی که برای این مورد به ready نیاز نیست و میشه بصورت زیر و با استفاده از متد on اون رو انجام داد:

خارج از document.ready میتونین عملیاتی مثل کار بر روی اشیاء ، انجام محاسبات ، فرستادن درخواست Ajax و ... رو انجام بدین و بهینه بودن صفحتون رو افزایش بدین.

ترفند 24 : یک stylesheet بسازید زمانی که قصد دارید به چند المنت استایل بدهید

همونطور که در گذشته بیان شد ، ارتباط برقرار کردن با DOM میتونه آهسته باشه. یک ترفند که در زمینه با استایل وجود داره اینه که ویژگی هایی که قصد دارید رو بصورت یک stylesheet در بیارید و اونو به document اضافه کنید ، تا استایل مورد نظرتون بر المنتها اعمال بشه.

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

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

این روش سریعتر خواهد بود ، بدلیل اینکه مرورگر میفهمه که چه زمانی نیاز به repaint کردن هست و همه المنتهارو به یکباره بروز رسانی میکنه. اگر میخواستین این کارو با استفاده از یک حلقه انجام بدین ، قاعدتا تعداد دفعات بیشتری repaint انجام میشد و خیلی بهینه نبود.

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

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

یا علی

Source

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

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram