قدم قبلی >< قدم بعدی

کارگران وب HTML

 

کارگران وب ۵ HTML

در این آموزش html به معرفی کارگران وب HTML می پردازیم.

کارگر وب یک JavaScript در حال اجرا در پس زمینه است، بدون تاثیر بر عملکرد صفحه.

کارگر وب Worker چیست؟

هنگام اجرای اسکریپت ها در یک صفحه HTML، صفحه تا زمانیکه اسکریپت به اتمام برسد، پاسخگو نخواهد بود.

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

مثال HTML کارگر وب 

مثال زیر یک کارمند وب ساده را ایجاد می کند که تعداد آنها را در پس زمینه شمارش می کند:

 بررسی کارآفرین وب

قبل از ایجاد یک کارگر وب، بررسی کنید که آیا مرورگر کاربر از آن پشتیبانی می کند:

یک فایل Web Worker ایجاد کنید

حالا، اجازه دهید کارگر وب ما را در جاوااسکریپت خارجی ایجاد کنیم.

در اینجا، ما یک اسکریپت ایجاد می کنیم که شمارش دارد. اسکریپت در فایل demo_workers.js ذخیره می شود:

بخش مهم از کد بالا روش postMessage () است که برای ارسال یک پیام به صفحه HTML استفاده می شود.

نکته: به طور معمول کارگران وب برای چنین اسکریپتهای ساده مورد استفاده قرار نمیگیرند، اما برای وظایف فشرده بیشتر CPU.

یک شیء وب Worker ایجاد کنید

حالا که ما فایل کارگر وب را داریم، باید آن را از یک صفحه HTML فراخوانی کنیم.

خطوط زیر بررسی می کند که آیا کارگر در حال حاضر وجود دارد یا نه – یک شی جدید وب کارگر ایجاد می کند و کد را در “demo_workers.js” اجرا می کند:

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

یک شنونده رویداد “onmessage” را به کارگر وب اضافه کنید.

وقتی کارگر وب یک پیام ارسال می کند، کد در شنونده رویداد اجرا می شود. داده های کارگر وب در event.data ذخیره می شود.

یک کارگر وب را متوقف کنید

هنگامی که یک شیء وب کارگر ایجاد می شود، همچنان به گوش دادن به پیام ها (حتی پس از پایان اسکریپت خارجی) ادامه می دهد تا زمانی که پایان یابد.

برای خاتمه کارگر وب و منابع مرورگر / رایانه رایگان، از روش terminate () استفاده کنید:

استفاده مجدد از وب کارگر

اگر متغیر کارگر را به تعریف مشخص کنید، پس از پایان دادن به آن، شما می توانید کد را دوباره استفاده کنید:

مثال کامل وب کد کارگر 

ما قبلا کد Worker را در فایل .js دیده ایم. در زیر کد برای صفحه HTML است:

کارگران وب و DOM

از آنجا که کارگران وب در فایل های خارجی هستند، آنها دسترسی به اشیاء جاوا اسکریپت زیر را ندارند:

  • شیء پنجره
  • شیء سند
  • پدر و مادر شی

 

گام قبلی >< گام بعدی